Лучший формат встроенного стиля для электронной почты HTML?

Какой формат встроенного стиля лучше для шаблона электронной почты HTML:

<table height="800"></table>
<table bgcolor="#000000"></table>

or 

<table style="height:800px;"></table>
<table style="background:#000000;"></table>

html css email inline-code
person Malka S    schedule 20.03.2014    source источник

Ответы (4)


arrow_upward
5
arrow_downward

height="800px" недействителен. Вы бы хотели height="800" (нет px в атрибуте height). Версия CSS должна работать во многих клиентах, но @John сообщает, что с ней нет 100% совместимости.

Безусловно, лучшее, что можно сделать с электронной почтой, — это вообще не устанавливать высоту, поскольку на самом деле это не работает. Пусть ваш контент течет.

person Brad    schedule 20.03.2014
comment
Спасибо, Брэд, я просто использовал рост в качестве примера! - person Malka S; 20.03.2014
comment
@WesleyMurch Дело не в каменном веке, а в совместимости. IE 3.0 не знает, как обрабатывать нечисловой атрибут высоты. Вам нужно просто использовать числовое значение для этого атрибута, если вы идете по этому пути. - person Brad; 20.03.2014
comment
@Brad height="800" работает на 100% во всех клиентах при применении к элементам table/td, только height:800px; не работает последовательно. Вы должны обновить ответ, так как он технически неверен. - person John; 20.03.2014
comment
@John Интересно ... Прошло некоторое время с тех пор, как я сделал шаблон электронной почты. Вы знаете, у каких клиентов были проблемы с высотой CSS? Я не помню, чтобы видел какие-либо проблемы с Litmus, но я полагаю, что с тех пор он мог измениться. - person Brad; 20.03.2014
comment
@Brad Не уверен, я недавно не проверял, так как помню, что он неоднородный, а height="" - простая альтернатива. Мое предположение было бы одним из Outlooks. Могу ошибаться в этом - надо проверить. Я думаю, что я пытаюсь сказать, что height="" - это 100% поддерживаемое решение, а ваш комментарий о высоте в целом не работает. - person John; 20.03.2014
comment
@Джон Спасибо. Ответ был отредактирован с учетом предоставленной вами информации. - person Brad; 20.03.2014

arrow_upward
1
arrow_downward

Вы можете использовать оба в настоящее время. Однако, если вы хотите быть пуленепробиваемым, используйте height="800", который лучше работает для некоторых старых клиентов.

person Petar Vasilev    schedule 20.03.2014
comment
Вы имеете в виду высоту = 800 или CSS? - person Malka S; 20.03.2014
comment
@MahaliaSamuels:высота=800 - person Sajad Karuthedath; 20.03.2014
comment
Да, определенно имелось в виду высота=800 - person Petar Vasilev; 20.03.2014

arrow_upward
0
arrow_downward

первый

<table height="800"></table>
person Sajad Karuthedath    schedule 20.03.2014
comment
@Брэд просто торопился - person Sajad Karuthedath; 20.03.2014
comment
Спасибо. Не могли бы вы объяснить, почему? - person Malka S; 20.03.2014
comment
@MahaliaSamuels: проверьте эти ответы - stackoverflow.com/questions/18870705/ - person Sajad Karuthedath; 20.03.2014
comment
@MahaliaSamuels:stackoverflow.com/questions/20989897/ - person Sajad Karuthedath; 20.03.2014

arrow_upward
0
arrow_downward

height="800" работает во всех клиентах, и это то, как вы должны это делать. height:800px; нет.

То же самое для фона, 100% поддерживаемый метод — bgcolor="#000000", но только в <table> или <td> элементах.

Вы всегда должны использовать лучшие примеры, если хотите добиться согласованности между почтовыми клиентами.

Это правило также применяется к align="left" (правильно) против text-align:left; или float:left;, а valign="top" также работает там, где vertical-align:top; бесполезен.

person John    schedule 20.03.2014