Потвърждаване на шаблона за електронна поща - zurb-foundation, html-email

Изпращам транснационални имейли, изтеглямшаблон от фондация Zurb, но проблемът, че този шаблон не се показва правилно, както очаквах. Утвърдих HTML с помощта на W3C и е валиден, но не се показва правилно.

Можете да разгледате шаблона на http://52fluent.com/email.html

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

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

Отговори:

Проблемът е, че шаблонът се основава на връзка към стиловата таблица на 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 се появи a CSS Inline трансформатор, Има и библиотека на Python, наречена premailer.