Проверка шаблона электронной почты

Question

Я отправляю транснациональные электронные письма, я загружаю шаблон из базы Zurb, но проблема в том, что этот шаблон не отображается правильно, как я ожидал. Я проверил HTML, используя W3C, и он действителен, но он не отображается правильно.

Вы можете посмотреть на шаблон на http://52fluent.com/email.html

Основная проблема, что серая полоса вверх всегда обрезается, как будто нет стайлинг, что так всегда реализуется

Как я могу найти проблему и какие инструменты использовать

Answer 1

проблема заключается в том, что шаблон опирается на ссылку на CSS стилей в http://52fluent.com/email.css:

<link rel="stylesheet" type="text/css" href="http://52fluent.com/email.css" /> 

Такая ссылка не работает в электронной почте. Вам нужно скопировать стили из этого CSS-файл на каждую из соответствующих HTML-элементов в шаблоне, например:

<table class="head-wrap" bgcolor="#999999" 
    style="margin: 0; padding: 0; [...etc...]"> 

Конечно, есть инструменты, чтобы сделать это автоматически: например, быстрый поиск Google оказалось вверх CSS Inline Transformer. Также есть библиотека Python под названием premailer.