Проблемы с интервалами между абзацами в Outlook 2007/2010 и GMail в информационных бюллетенях

Я получаю двойной интервал в Outlook 2007/2010/2013 и GMail, но в других местах он выглядит нормально. Я создаю информационный бюллетень, и я пробовал все виды: схлопывание границ, поля, отступы, промежутки, и до сих пор не могу понять это. Может ли кто-нибудь увидеть, где я ошибаюсь? Я что-то пропустил?

Ссылка ниже - исходный код слишком длинный, чтобы вставить его сюда. Извиняюсь.

http://pastebin.com/FW3RgYuv

<код>


css html-email outlook-2010 outlook-2007
person MJCoder    schedule 19.03.2013    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Во-первых, все стили должны быть встроенными. Большинство почтовых клиентов не поддерживают таблицы стилей.

Вы создаете не веб-страницу, вы создаете электронное письмо, поэтому все в разделе HEAD будет удалено, включая встроенную таблицу стилей.

В вашем коде у вас есть </br>. Это недопустимый тег. Используйте <br />.

НИКОГДА НИКОГДА не используйте !important. Встроенные стили уже переопределяют другие стили, к тому же вы можете зайти в тупик.

Поместите свой текст в DIV или P и стилизуйте его, а не TD. Не все стили поддерживаются каждым почтовым клиентом. Вот хороший список для сравнения.

person Diodeus - James MacFarlane    schedule 19.03.2013
comment
Везде, где в HTML были упомянуты ‹br› ‹/br› ‹br /›, они были правильно заменены тегами P. - person MJCoder; 19.03.2013
comment
ну, я взял теги ‹p› и правильно использовал теги ‹br /›, как уже упоминалось, — сейчас просто проверю электронное письмо. - person MJCoder; 19.03.2013
comment
Я бы посоветовал не использовать ‹p› в электронном письме. Почтовые клиенты непостоянны в своем стиле. У меня не было проблем со стилями на tds (кроме ограниченной поддержки почтового клиента). - person samanthasquared; 19.03.2013
comment
@samanthasquared Я всегда использовал теги ‹font› исключительно для стилизации текста. Не могли бы вы уточнить, какие клиенты поддерживают или не поддерживают стиль ‹td›? Если, например, только Lotus заботится о Notes, возможно, стоит переключиться... - person John; 20.03.2013
comment
Я поместил все свои стили в ‹td›s. Я не использую ‹font› или ‹p›. Я не использую ‹font›, потому что он отлично работает на ‹td›, но с меньшим количеством кода, так как таблица все равно должна быть там. Я видел, как ‹p› случайным образом добавлял отступы/поля/размер текста, то же самое почти со всеми семантическими тегами. Вам повезло, если вам не нужно беспокоиться о Lotus Notes, но я считаю, что если он работает в Outlook '07 и '10, то и в Notes он работает прилично. - person samanthasquared; 20.03.2013
comment
@samanthasquared Lotus notes составляет всего 0,2% моих списков B2B (и меньше для более старых версий Lotus), поэтому те ‹2 из каждой тысячи нужно обновить imo;) - мне слишком нравятся .png. Мне придется попробовать удалить тег шрифта, хотя мне нравится отделять структуру от контента, поскольку это упрощает кодирование. - person John; 21.03.2013