1

好的,我有这个 html 模板。它是在 Photoshop 中创建的,然后我使用切片工具导出图片。

现在,当我发送邮件时,gmail 和 yahoo 渲染正常,但前景...在图像(表格)之间创建空白

http://img545.imageshack.us/img545/4240/j98x.jpg

你能告诉我如何解决这个问题吗?只有在 Outlook 中我有这个问题(大)

我使用这个 CSS

    <style type="text/css">            
        #outlook a{padding:0;} 
        body{width:100% !important;} 
        body{-webkit-text-size-adjust:none;} 

        body{margin:0; padding:0;}
        img{border:none; font-size:14px; font-weight:bold; height:auto; line-height:100%; outline:none; text-decoration:none; text-transform:capitalize;}
    </style>

和 corse style="display:block" 在每张图片

4

3 回答 3

1

嗨,避免新闻通讯中图像之间的空白,

我们必须给 display:block; 对于每个图像并给出边框:0px;对于表和 td,tr 。

希望对您有所帮助。

谢谢

于 2013-10-31T09:32:25.013 回答
0

我同意苏曼。
确保如果您在电子邮件时事通讯中使用图像 - 您也可以使用内联样式。

例子:<img src="image path/image.ext" style="display: block;" />

您可能想通过本教程创建 html 电子邮件通讯- 它可以帮助您!

于 2014-08-04T16:08:08.660 回答
0

尝试将此添加到您的 CSS 中:

table td {border-collapse: collapse;}

并确保你的图像都有这个:

style="margin: 0; border: 0; padding: 0; display: block;"
于 2013-10-31T12:17:07.683 回答