【问题标题】:White space in outlook html newsletterOutlook html时事通讯中的空白
【发布时间】:2013-10-30 17:54:26
【问题描述】:

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

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

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"

【问题讨论】:

  • 据我了解,Outlook 对其样式相当挑剔。过去我很幸运使用内联样式而不是样式表格式。看看这个以获得更详细的破败:msdn.microsoft.com/en-us/library/aa338201(v=office.12).aspx
  • 很难准确地说出问题的外观和发生情况,但也许这会有所帮助? stackoverflow.com/questions/17091956/… 特别是取出

    标签并将它们交换为

  • 我没有

    标签。实际上,当我从 photoshop 导出时,在那个 .html 文件中我有很多

    。此外,与 td colspan="2 或 12 或其他数字"之类的 HTML 4.01 规范相比,我有不受支持的 HTML 元素和属性,而且我有 td rowspan="2 或 12 或其他数字"。如果这是他的问题,我该怎么办
  • 我在这里找到了解决方案outlook-apps.com/html-emails-photoshop/#!prettyPhoto 对我来说,问题出在 Photoshop 中的导出设置(保存为网页版)

标签: html css email outlook


【解决方案1】:

您好,请避免简报中的图片之间出现空白,

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

希望对你有所帮助。

谢谢

【讨论】:

    【解决方案2】:

    尝试将其添加到您的 CSS:

    table td {border-collapse: collapse;}
    

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

    style="margin: 0; border: 0; padding: 0; display: block;"
    

    【讨论】:

      【解决方案3】:

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

      示例:&lt;img src="image path/image.ext" style="display: block;" /&gt;

      您可能想阅读本教程creating html email newsletter - 它可以帮助您!

      【讨论】:

        猜你喜欢
        相关资源
        最近更新 更多
        热门标签