展望07/10中的不合适图像

时间:2012-03-08 00:03:17

标签: html css

我刚设计了我的第一个html eshot,并使用Mailchimps收件箱检查器在不同的电子邮件客户端上进行了测试。除了Outlook 2007& Ex之外,我可以看到它对所有客户都很好。 2010.左边的图像相当不合适。 Outlook 2003和其他所有都很好,它只是2007年和2010年造成了这个问题。

Weblink (how it should look)

Outlook 2007& 2010年(不应该看):

http://smashingpack.com/eshot/outlook/2007.jpg

有人知道什么是错的吗?我尝试了各种各样的事情,没有任何工作,它让我疯狂。

1 个答案:

答案 0 :(得分:0)

我的估算,看着你的代码,colspan导致了一个问题。根据我编写电子邮件的经验,应避免使用colspanrowspan。如果需要更改列数,请关闭表并启动新表。这是一个额外的标记,但这是编码电子邮件的协议。

编码电子邮件非常非常具有挑战性。关于各种电子邮件客户端及其怪癖的挑战有很多文章 - 更不用说GMail,AOL,雅虎等等。

我建议从这里开始:
http://www.campaignmonitor.com/css/
他们的图表让您快速了解各种css选择器等与电子邮件客户端的兼容性。

然后,您需要了解一些发生的奇怪事情,例如GMail为图像添加的边距。 (将display:block;添加到图片:http://www.campaignmonitor.com/blog/post/3132/how-to-stop-gmail-from-adding-a-margin-to-your-images/

我开始使用的工具是Email On Acid,可让您预览各种电子邮件客户端中的电子邮件。