HTML電子郵件有風格碎

我寫了一個PHP腳本來發送郵件，HTML格式和自定義CSS樣式，到Facebook的用戶。該消息可以在他的私人消息框中看到。如果HTML格式保持不變，它將是完美的。我發現這樣做的唯一方法是將內聯樣式（作爲標籤屬性）而不是編寫內部樣式部分或使用外部CSS文件。HTML電子郵件有風格碎

例如：< DIV的風格= 「WIDTH：100px的」 >

但我有兩個問題。 img標籤中的圖像不顯示，我不能插入一個包裝塊來適應整個消息寬度。

我該如何正確地做到這一點？

來源

2013-07-18 skyrail

不知道什麼樣的故事Facebook有，但它是包括內嵌樣式和HTML電子郵件也使用表的最佳實踐。爲了使您的圖像能夠工作，可能需要在線託管，而不是嵌入式。

假設Facebook並沒有出剝去任何代碼，這樣一個簡單的表應該適合寬度：

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC"> 
    <tr> 
    <td style="padding:20px; padding-bottom:0;"> 
     <img style="margin: 0; border: 0; padding: 0; display: block;" src="http://lorempixel.com/400/200/sports/" width="400" height="200" alt=""> 
    </td> 
    </tr> 
    <tr> 
    <td style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; padding:20px;"> 
     Content here. 
    </td> 
    </tr> 
</table>

注 - 這不是一個完整的HTML電子郵件的結構，只是一個表應放在裏面你的身體部分。

來源

2013-07-18 17:19:12 John

HTML電子郵件有風格碎

回答

相關問題