Как убрать разделение между строками таблицы в снимке электронной почты?

Недавно я смоделировал электронное письмо для маркетинга по электронной почте (mail chimp) в Photoshop и экспортировал его в HTML (используя таблицы и встроенные стили (к сожалению), чтобы оно правильно отображалось во всех/большинстве почтовых клиентов.

Однако, отправив себе тестовое электронное письмо, чтобы посмотреть, как оно отображается в моей учетной записи Gmail, я вижу, что между каждой строкой моей таблицы есть белая разделительная линия, которую я не могу удалить или найти, когда проверяю ее в Google. Хром.

Кто подскажет, как убрать эти разделители? Полный HTML-код можно найти по адресу http://pastebin.com/gJWJGEak#. можно найти по адресу http://img521.imageshack.us/img521/346/screenshotvg.png


html email mailchimp html-email
person Dan    schedule 15.05.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Я нашел вашу проблему. Это не имеет отношения к границам, а к размеру текста внутри ячеек.

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

Я надеюсь, что это помогает! :)

person Guilherme Duarte    schedule 15.05.2013
comment
Спасибо за ответ gjsduarte, но, к сожалению, это не решает проблему, когда я делаю шрифт намного меньше. Абзацы находятся внутри ячеек таблицы и имеют достаточно места, чтобы не растягивать ячейки таблицы. Такого я еще не встречал, очень странно! - person Dan; 15.05.2013

arrow_upward
0
arrow_downward

Все ваши изображения должны быть явно style="display:block;".

Обратите внимание: фоновые изображения не будут работать в Outlook 2007 и 2010.

person samanthasquared    schedule 16.05.2013