電子郵件模板驗證

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庫。