Размещение электронной почты в формате HTML

Question

Я создал сообщение электронной почты в формате HTML, и оно выглядит потрясающе в браузере, но как только я отправляю его по электронной почте, таблицы меняются, а изображения исчезают.Я использую C # для динамического добавления данных в фигурные скобки.В CSS есть двойные скобки в качестве escape-символа для добавления данных в C #.Все изображения имеют связанные изображения с использованием абсолютных URL.

Вот как это должно выглядеть: http://www.calvaryccm.com/images/Email/ccmEmailDevo.html

Однако, когда я его отправляю, это не выглядит так.Это выглядит так:

Как исправить проблему смещения таблицы и отсутствия изображения?

Answer 1

К сожалению, вам нужно использовать встроенные стили для CSS, чтобы работать практически во всех почтовых клиентах, в Интернете или на рабочем столе. Возьмите все правила css в вашем теге <style> и поместите все их в атрибуты style= каждого элемента, который нужно стилизовать.

Answer 2

Как уже говорили другие, вам нужно встроить все свои стили для большинства почтовых клиентов. Premailer - отличный сервис для этого. Пройдите через это, затем сделайте еще один ход.

Некоторые другие вещи, которые вам, вероятно, понадобится сделать, это дать ширину <td> и установить для всех изображений значение display:block.

Answer 3

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

См. campaignmonitor.com / css / , чтобы узнать, какие стили можно и нельзя использовать.