Сразу следует отметить, что данный процесс верстки отличается от привычного понятия верстки документа формата (x)HTML. Я на этом съел ни одну собаку, поэтому решил изложить все как можно подробнее.

Начну с того, что все стили необходимо прописывать вручную, т.е inline. Естественно, ни о каких-либо css-файлах не может идти и речи! Все должно быть прописано в теге элемента.

Единственное что, можно использовать - общие стили типа для списков, параграфов, таблиц, но не более. Обо всякого рода примудростях, типа , стоит на время позабыть.
Потому что, если не сущетсвует едиственного формата для верстки под все браузеры, то куда уж говорить про Gmail AOL и прочие почтовые сервисы. Я тестировал 5 популярных почтовиков (среди них Gmail, AOL, Yandex, Outlook и еще какой-то, не помню уже), но так и не добился точного и одинакового отображения инофрмации.

Правило №1: Верстать только в таблицах! Сам я их стараюсь не использовать в повседневной работе, но тут пришлось немного извратиться.

Правило №2: Для отображения фона картинкой лучше использовать свойство таблицы background - не спрашивайте почему. Это касается также и ширины с высотой.

Правило №3: Как не пытайтсесь но всякого рода отрицательные margin‘ы не действуют. По-крайней мере если говорить о “почтовой кроссбраузерности”))

Правило №4: Ссылки на картинки, естественно, не ставятся.

P.S. Если кому-то эти правила кажутся и так понятными, то они просто не сталкивались со всеми макетами для почтовой рассылки!

Совет: Старайтесь максимально использовать картинки, т.к. их видят все, иными словами, если от вас требуется в точности повторить макет любыми усилиями, то забудьте о размере картинок.

Надеюсь все помнят о мега-важном свойстве таблицы cellpadding=0 cellspacing='0'