2011-01-27 12 views
4

我在一個項目中,我們將發送HTML電子郵件。我已經完成了幾十個發送明文電子郵件的項目,但由於某種未知的原因,我從來沒有做過HTML電子郵件。CSS到HTML郵件轉換器

我用桌子「長大」。我曾經使用它們進行佈局開發。然後,當我們稱之爲CSS時,CSS隨之出現了「圖層」,我改變了方式。到2002年,我根本沒有使用表格進行佈局。

我們差不多十年的,我一直在寫一貫不錯的代碼。我現在面臨着一些相當可怕的事情:故意寫壞碼。我不確定我的頭腦或手指是否會允許。

因此,我可以像編寫任何其他設計 - 構建出來一樣寫下我的電子郵件:使用漂亮的div和CSS,然後用一些邪惡的東西將它全部轉換出來?我意識到這可能會導致背景圖片(其中可能會有一些)的問題,但我相信我能夠修復這些圖片。

我要補充的是,我們將有一批正在生成的動態電子郵件和簡訊發送者。理想情況下,這應該是我可以插入到該過程結束的東西,所以電子郵件生成在「標準模式」,然後通過Mordor飛行出來對方作爲狂熱90年代的HTML。

+0

我不知道我明白。究竟爲什麼你不能在你的HTML郵件中包含CSS? – 2011-01-27 18:37:54

+0

@Charles你可以但爲了得到普遍支持,它必須是內聯樣式。 Gmail和Hotmail會很高興地創建一個樣式塊。 – Oli 2011-01-27 20:21:10

回答

3

沒有辦法autmatically把CSS和DIV的基於HTML頁面轉換,在郵件工作的工作表。

而且你可能已經知道正常的CSS樣式標籤沒有在如Gmail和Hotmail網絡郵件工作。

但大多數郵件客戶端支持嵌入式CSS,是的,我知道它不是你想在任何正常的頁面,但電子郵件的唯一的方式做,以避免使用字體標籤。

下面是一些CSS的,哪些客戶工作在 http://www.campaignmonitor.com/css/

但對佈局的頁面,表格是去任何更復雜的佈局中唯一穩定的方式,特別是如果你想多列或但是我的建議是在爲電子郵件編碼10年後儘量保持簡單,認爲只有少量圖像的打字機風格的字母,頁眉和頁腳等等,這幾乎總是有效的。

1

有一個名爲Premailer的工具,它可能是朝着正確方向邁出的一步。

你仍然不能使用的div和浮動,但它至少可以不必爲內聯寫你的風格。您只需在<style>標籤中編寫自己的樣式,然後它就會爲您添加內聯。

https://github.com/alexdunae/premailer