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

时间:2012-04-16 15:13:31

标签: html email outlook outlook-2007 html-email

目前我对此问题一无所知,所以任何帮助甚至可能导致解决方案的小提示都非常感谢!

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

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

zip文件包含以下内容:

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

如果你不信任拉链,你也可以在这里访问html版本:
http://static.bardiir.net/bugged_message/html_version.html

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

如果您无法从这些源文件中复制,请不要犹豫,我会很高兴地向您发送包含该错误的消息。

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

更新
该消息最初是在服务器上使用PHP生成的,如果有任何兴趣的话。 如果你删除了当前在那里的邮件的头部图像或某些部分链接变得可点击,那么整个组合似乎会导致问题。

UPDATE2:
它可能与此完全相同,但那里没有答案:
https://stackoverflow.com/questions/7420195/links-in-right-column-of-table-do-not-work-in-outlook-2007

UPDATE3:
我刚刚发现右栏似乎对任何东西都是完全惰性的。你甚至无法在那里选择文本(Outlook 2007将崩溃)。但是如果你选择链接然后按回车键就可以完美地运行。

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

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

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

3 个答案:

答案 0 :(得分:1)

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

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

需要注意的一些事项:

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

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

E.g。 <table style="font-family: Arial, Helvetica, san-serif">

您还应该将自己限制为一个或两个字体+ 1(一个用于主要字体,另一个用作备份,加上默认系统字体,例如“san-serif”或“serif”)。超过3-4级的嵌套表只是在寻找麻烦。

我使用span标记而不是b标记来加粗,以避免潜在的冲突。我没有使用margin-toppadding,因为像Hotmail这样的某些客户端会忽略它。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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