当HTML作为文本时,Outlook 2013中的2个图像之间的垂直差距

时间:2016-10-13 08:52:36

标签: html css outlook

我创建了邮件,但是2张图片之间存在垂直差距,我阅读了有关此问题的所有解决方案,但未解决。 最后一次机会是输入这个门户并问你们:(

首先我打开记事本++上的代码,然后将其更改为outlook 13 attach file =>作为text =>然后繁荣垂直差距出现。

这是我的代码

<html>
<head>
<title>mailing</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="1">
            <a href="mailto:info@ygtur.com">
                <img src="http://yucel.ygtur.com/mailing/erkenrez/images/mailing_12.jpg" style="display: block;"></a></td>
        <td colspan="1" rowspan="1">
            <a href="http://www.ygtur.com/">
                <img src="http://yucel.ygtur.com/mailing/erkenrez/images/mailing_13.jpg" style="display: block;"></a></td>
    </tr>
</table>
</body>
</html>

here is the picture of the problem

1 个答案:

答案 0 :(得分:0)

您可以尝试使用css来设置表格的样式,而不是使用border= cellpadding=等。事实上,您已将问题标记为css,因此我猜您看到了它: - )

如果找不到任何css,Outlook可能会添加自己的css,或者它使用的视图引擎可能会应用您不期望的默认值。

编辑:
<a href><img>标记之间有空格。您应该删除它,这可能是您的问题的原因。如果链接只有文本,这不会有问题,但现在它有文本(空白)+图像,两者都会显示。