маржа в HTML не работает в Outlook,

Я разрабатываю шаблон сообщения электронной почты, который имеет интервал как динамические, так что я сделал позицию края,маржа в HTML не работает в Outlook,

Для Eg:

<td width="264px" bgcolor="#9ac5db" style="font-family:arial;font-size:12px;color:#000000;padding: 10px 5px 30px;" valign="top"> 

<div name="nltitle" id="nltitle" style="font-family:arial;font-size:14px;color:#000000;display:block;text-align:center;margin:15px 0px 15px 0px;"><b>Test App</b></div> 

<hr width="100%" color="#ffffff" size="3px"> 

<div style="margin:10px 10px 30px 10px;text-align: left"> 

Test App  

</div> 

    </td>

Здесь я использовал обивку и margin для динамического определения пространств, но он не работает в Outlook. Как я могу исправить эту проблему? Любая помощь высоко ценится.

Приветствия,

Джордж

источник

2013-12-03 George Viju

Для шаблонов электронной почты html используются только таблицы, если вы хотите, чтобы они выглядели одинаково в большинстве почтовых клиентов;) Кстати, вы не закрывали тег 'style' с' '' в первой строке перед 'valign = сверху "'. – mdesdev

@ mdesdev.I забудьте поставить этот вопрос (") в вопрос. Есть ли какой-либо другой метод для замены заполнения и поля, потому что он не работает в Outlook (это потому, что я динамически генерирую интервал) –

« Замена padding и margin? "вы можете добавить' 'где вы хотите, чтобы верхний/нижний интервал также не забывал такие свойства, как' colspan' & 'rowspan'. – mdesdev

маржа не поддерживается в Outlook.com, поэтому, как правило, следует избегать его в дизайн HTML электронной почты. Вместо этого используйте прописные или разделительные ячейки с  , как предлагает mdesdev.

Несколько советов:

Вы должны удалить «точек» в ваших width="" декларациях
Добавить резервные шрифты как не витрины пользователей не имеют Arial
Вместо CSS text-align:left;, использовать HTML align="left"
Вам не нужны дивы, вы можете использовать все таблицы
вы, возможно, придется отделить стенографии padding значения в padding-top, padding-bottom и т. д. Из памяти я думаю, что могут возникнуть проблемы с написанием короткой руки у некоторых почтовых клиентов.

Больше, чем вы просили, но я надеюсь, что это помогает ...

источник

2013-12-03 13:51:44 John

Это, по-видимому, работает в большинстве прогнозов « » для создания пробелов. –

На самом деле вы не должны использовать 'width =' или 'align = ', но вместо этого используйте CSS. Вот некоторая документация: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td – Cthulhu

@Cthulhu вы неверны. HTML emai l не соответствует действующим веб-стандартам. Вот [куча ссылок] (http: // stackoverflow.com/questions/2229822/best-practices-соображения-when-writing-html-emails/21437734 # 21437734) в лучших рекомендациях по электронной почте HTML – John

ответ прост

вместо этого дать

margin:10px 10px 30px 10px;

, пожалуйста, используйте этот

Margin:10px 10px 30px 10px;

, а также г-н Джордж, используя div, не является d

источник

2016-03-03 13:12:23

Mr.Jomin, я пробовал то же самое, но не работал. –

маржа в HTML не работает в Outlook,

ответ

Смежные вопросы