Пропадают классы css в письмах

#php #css #вёрстка #email

Есть верстка письма для рассылки. Все css-стили написаны в теле документа для рассылки.
Все стили привязаны к html-тегам с помощью классов.

Отправляем письмо с помощью mail(), PHP. Видим на почте (mail.ru, gmail.com, yandex.ru)
письмо без стилей. Причем нету даже css классов, есть только теги.

А если открыть тоже письмо в Thunderbird к примеру - то все классы есть и письмо
выглядит красиво.

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

Подскажите пожалуйста в чем проблема. Спасибо.
    

Ответы

Ответ 1

При верстке писем рекомендуется писать все стили инлайновыми.

То есть не создавать селекторы, классы и так далее, а писать стили в теге style

Например:




Ответ 2

Habrahabr


Верстка email рассылок от А до Я для чайников
Верстка почтовых рассылок: взгляд изнутри
10 рекомендаций по html-верстке электронных писем
Верстка почтовых рассылок
5 правил верстки email-писем от Печкина
How-to: Правила вёрстки email-писем


Ответ 3

В письмах можно использовать только инлайнстили. Всё остальное (стили, скрипты, классы)
вырезают web-почтовики. Простая безопасность.

Думаю что и в Thunderbird в настройках можно поставить такое поведение. Так что только
инлайнстили. Если используются картинки в письме - то только через прямые ссылки и
тег img, никаких background-image