HTML Email Postitioning

Question

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

Это то, что он должен выглядеть следующим образом: http://www.calvaryccm.com/images/Email/ccmEmailDevo.html

Однако, это не выглядит так, когда я посылаю его. Это выглядит следующим образом:

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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