Бюллетень со столом внутри стола: заполнение не работает

Question

У меня был этот информационный бюллетень http://jsfiddle.net/n5cGm/

с контейнером div для центрирования информационного бюллетеня и предоставления ему фонового изображения,

ОК, у нас возникло несколько проблемс его помощью при отправке он изменился с (браузер)

на (Outlook): проверить логотип положение;даже не беспокойтесь о радиусе границы.только для браузеров, которые его поддерживают;не важно, если нет.

И это вторая (пока неверная) версия, которую я пытаюсь использовать с таблицей внутри таблицы:

http://jsfiddle.net/9dchU/1/

, который в Firefox работает нормально, но не встроен в jsfiddle, а в Outlook выглядит почти так же ...

Вы можете увидеть стиль, который мешаетобивка?

Answer 1

Как некоторые браузеры, некоторые почтовые клиенты также не могут отображать параметр border-radius. Я предлагаю использовать изображение для белого фона.

Answer 2

Я бы начал с нуля. Кажется, у вас есть тег, который либо не закрыт, либо лишний, либо бесполезный. Позвольте мне объяснить, что нет смысла использовать теги tbody или th для электронных писем. Они вызывают трещины в конструкции каждый раз, когда я проверяю. Ваш дизайн на самом деле очень прост. То, что вы хотите сделать, это что-то вроде этого:

<table cellpadding="0" cellspacing="0" border="0" style="font: Arial;">
<tr><td>
<img src="http://domain.com/top-image.gif" />
</td></tr>
<tr><td bgcolor="#ffffff" style="padding: 20px">
text text text
</td></tr>
<tr><td>
<img src="http://domain.com/bottom-image.gif" />
</td></tr>
</table>

Не используйте фоновые изображения для электронных писем, поскольку они не поддерживаются.

Вот что вы делаете вместо этого:

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

Верхом будет ваш top-image.gif

в середине вы можете отказаться, вот куда должен идти ваш текст.

Наконец, нижний срез будет вашим нижним image.gif

Надеюсь, это направит вас в правильном направлении.