HTML-Mail:某些链接在 Outlook 2007 中不起作用



我目前对这个问题一无所知,所以任何帮助,即使是可能导致解决方案的小提示,也非常感谢!

我有一个HTML邮件,基本上是两列布局,在某些情况下,Outlook 2007中的链接无响应(它们基本上是可单击的,但单击时不会发生任何事情)。

我已经为遇到该问题的电子邮件制作了一个尽可能干净的示例。
您可以在此处找到下载:http://static.bardiir.net/bugged_message.zip

该 zip 文件包含以下内容:

  • 错误的消息为 MHT、EML 和 HTML 文件
  • HTML 版本中使用的图像

如果您不信任zip,也可以在此处访问html版本:
http://static.bardiir.net/bugged_message/html_version.html

当您将邮件发送到 Outlook 2007 客户端时,右列链接 Stet clita kasd gubergen, no sea takimata sanctus est将无法点击。

如果您无法从这些源文件中复制,请随时询问,我很乐意向您发送包含该错误的消息。

提前感谢您的任何帮助:)

更新:
该消息最初是在服务器上使用 PHP 生成的,如果它有任何兴趣的话。而且,如果您删除标题图像或当前邮件的任何部分,则链接可单击,因此整个组合似乎会导致问题。

更新2:
它可能与此完全相同的错误,但没有答案:
https://stackoverflow.com/questions/7420195/links-in-right-column-of-table-do-not-work-in-outlook-2007

更新3:
我刚刚发现右手柱似乎对任何东西都完全惰性。您甚至无法在那里选择文本(Outlook 2007 将崩溃)。但是,如果您按住 Tab 键选择链接,然后按 Enter 键,它可以完美运行。

更新4:
我也有一个完全相同的模板,有一个左侧列,所以基本上只改变了td单元格的顺序。通过这种排序,它总是有效的。主要内容和侧边栏中的链接都运行良好。

更新5:即使只删除文本,根本没有HTML标签,甚至换行符最终也不会允许单击链接。因此,如果您继续缩短上述链接邮件中的每个句子,那么只有几个单词而不接触除文本节点之外的任何内容,它将再次工作。

更新6:我也像答案中建议的那样构建了一个完全有效的错误消息版本。你可以在这里找到它:http://static.bardiir.net/bugged_message/html_version2.html它仍然显示相同的问题,但现在所有有效性问题也都被删除了。
(毕竟有效性不应该是问题,因为左侧列布局显示相同的验证问题并且工作正常。事实上,大多数验证问题仅在此示例中很明显,而不是在显示相同症状的完全填充的新闻稿中。

很难说Outlook(愚蠢的Word渲染引擎)出了什么问题。您可以尝试在 Outlook 中打开源代码,并查看 Outlook 如何重新格式化您的 html 代码。

我在这里使用更简单的 HTML 重新创建了您的电子邮件。希望这将解决您的问题。

需要注意的一些事项:

许多电子邮件客户端拒绝字体属性的 CSS 速记。

尝试将 font-family 属性作为内联样式添加到 table 类中,而不是使用 font 标记,以设置字体类型。最好不要使用字体间隔,因为它们可能因电子邮件客户端而异。最好将所有样式保持内联,以确保某些客户端不会用自己的默认样式表覆盖样式表。

例如 <table style="font-family: Arial, Helvetica, san-serif">

您还应该将自己限制为一种或两种字体 + 1(一种用于主字体,另一种用于备份,外加默认系统字体,例如"san-serif"或"serif")。嵌套超过 3-4 层的表只是自找麻烦。

我使用了span标签而不是b标签作为粗体权重,以避免潜在的冲突。我没有使用margin-toppadding,因为某些客户端如Hotmail会忽略它。

重新创建您的电子邮件,不带表格。您可以使用table2css进行快速测试。

我看到了两件事,即您正在使用两个正文 html 标签,它可能会产生问题和另一个 您正在使用经过测试的表,这是电子邮件中的坏事,我还测试了电子邮件中最好的嵌套表是大约 8 个嵌套表,超出此范围也会导致问题,如果您正在使用它们。也请使用 tbody html 标签,这将有助于为电子邮件正确呈现它。

最新更新