【发布时间】: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 中的导出设置(保存为网页版)