Outlook 2013 HTML简报标题不正确

时间:2015-03-26 15:57:21

标签: html image outlook-2013

我们似乎在某些Outlook 2013中显示我们的时事通讯时遇到了一些问题。此简报是由第三方创建的模板。但是当我们将它上传到电子邮件并发送它时,它几乎在所有情况下都能很好地工作。(gmail,hotmail,webmail,...)甚至在大多数Outlook版本中都有效,除了在2013年的一些Outlook中,但不是全部。问题是图像在简报中被标记为标题,在某些情况下,这并不能填满整个图像,如下所示。在第二张图片中,您可以看到图像侧面有空白,不应该存在。

谁能告诉我如何解决这个问题?日Thnx

enter image description here enter image description here

在这里,您可以找到用于在HTML模板上显示图像的代码:

<body style="margin: 0; background: #e5f1fc;">
    <table cellspacing="0" cellpadding="0" style="width: 100%; text-align: center; vertical-align: top; margin: 0; background: #eff7fc;"><tr><td style="width: 100%; text-align: center; background: #e5f1fc;">

        <table cellspacing="0" cellpadding="0" style="width: 800px; margin: 0 auto; background: #fff;">
            <tr>
                <td colspan="5" style="width: 100%; font-size: 0; line-height: 0; vertical-align: top; text-align: left;">
                    <a href="http://www.ourdomain.be"><img alt="Companyname" src="images/header.jpg" style="margin: 0; border: 0; display: inline-block;"  /></a>
                </td>
            </tr>    
            <tr><td colspan="5" style="width: 800px; height: 30px; font-size: 0; line-height: 0; vertical-align: top;">&nbsp;</td></tr>             
            <tr>
编辑:这个问题似乎只出现在我们新的戴尔Lattitude 5540笔记本电脑上。每个其他2013安装都完美地显示电子邮件。只有笔记本电脑有这个问题。我无法理解问题所在。有没有人有想法?

日Thnx

1 个答案:

答案 0 :(得分:0)

如果没有看到剩下的代码,很难知道,但我敢打赌,电子邮件中标题下面的内容比800px宽。根据我使用HTML电子邮件和Outlook的经验,这或者是Outlook误解colspan的问题。这是以前类似问题的答案:

  

Outlook存在一个问题,如果您将一个colspan放在表的第一行,它会弄乱后续行的宽度。解决此问题的方法是,您需要在顶行指定单元格宽度,即使它是空行。

您可能需要在第一个width中指定<table>来修复它。