电子邮件模板验证

Question

我发送跨国电子邮件，我从Zurb基金会下载了一个模板，但问题是这个模板没有按照我的预期正确显示。我使用W3C验证了HTML，它是有效的，但它没有正确显示。

你可以看看在模板上http://52fluent.com/email.html

的灰色条达始终剪裁的主要问题，因为如果没有造型什么那么实现

我怎样才能找到问题以及使用什么工具

Answer 1

的问题是，模板在http://52fluent.com/email.css依赖链接到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...]"> 

当然，自动有工具来做到这一点：例如，一个快速谷歌搜索转向增加CSS Inline Transformer。还有一个名为premailer的Python库。