HTML电子邮件定位

时间:2012-02-14 19:12:30

标签: html css image html-email

我创建了一个HTML电子邮件,它看起来很棒浏览器的内部人员,但是一旦我通过电子邮件发送它,表格就会移动,图像也会消失。我正在使用C#动态地将数据添加到大括号。在CSS中,有两个大括号作为转义字符,以便C#添加数据。所有图像都使用绝对网址链接图像。

这应该是这样的: http://www.calvaryccm.com/images/Email/ccmEmailDevo.html

然而,当我发送它时,它看起来并不像那样。它看起来像这样:

broken email

如何修复表格移位和丢失图像问题?

3 个答案:

答案 0 :(得分:1)

电子邮件客户端通常不支持背景图片。此外,所有样式必须是内联的。

请参阅:campaignmonitor.com/css/以获取可以和不可以使用样式的参考。

答案 1 :(得分:1)

不幸的是,您需要使用CSS的内联样式才能在几乎所有电子邮件客户端,Web或桌面上工作。获取<style>标记中的所有css规则,并将所有这些规则放入要设置样式的每个元素的style=属性中。

答案 2 :(得分:1)

正如其他人所说,您需要为大多数电子邮件客户端内联所有样式。 Premailer是一项出色的服务。通过它运行它,然后再进行一次。

您可能需要做的其他事情是为所有<td>提供宽度并将所有图片设置为display:block