Question

我正在撰写HTML简报并继续遇到此问题。由于某种原因，顶部的图像忽略了边距并给出了一条丑陋的白线。

虽然此网站表示电子邮件客户端应接受保证金：http://www.campaignmonitor.com/css/

有谁知道如何解决这个问题？

编辑：新的和更干净的代码，但仍然是同样的问题！我不知道如何让那该死的东西失望。 = /（我的左边界现在也消失了，我不知道为什么）

enter image description here

<table cellspacing="0" cellpadding="0" width="811px" style="border:0px solid black;border-collapse:collapse">
    <tr>
            <td width="150px" VALIGN=TOP style="border-bottom: 1px solid #000000;">Nieuwsbrief #<?php echo $nr; ?></td>
            <td width="500px" style="vertical-align: bottom;"><img src="http://pietrow.net/newsletter/images/lad_wide.png" style="z-index:-1;"></img></td>
            <td width="150px" align="right" style="vertical-align: top; border-bottom: 1px solid #000000;" >Datum: <?php echo $datum; ?></td>
    </tr>
    <tr style="background: #DBDBDB; border: 1px solid #000000; border-top: 0px" width="811px">
            <td width="270px"><center><a href="http://home.strw.leidenuniv.nl/~kaiser/">Website</a></center></td>
            <td width="271px"><center><a href="https://www.facebook.com/LADKaiser">Facebook</a></center></td>
            <td width="270px"><center><a href="mailto:kaiser@strw.leidenuniv.nl">Contact</a></center></td>
    </tr>
    <tr style="background: #DBDBDB; border:0px; border-left: 1px solid #000000; border-right: 1px solid #000000;" width="811px">
            <td colspan="3" width="811px"><center><a href="#ENTOP">**ENGLISH VERSION BELOW**</a></center></td>
    </tr>
    <tr >
            <td style="background: #DBDBDB; border: 1px solid #000000; border-bottom: 0px;" colspan="3" width="811px">

Answer 1

请记住，使用HTML电子邮件，您需要非常“老派”，因为呈现它们的电子邮件客户端甚至比旧版本的IE更加陈旧。因此，请记住回到DIV之前的日子和可爱的CSS布局，回到桌子布局的日子......

尝试添加：

cellpadding="0" cellspacing="0"

到您的表声明然后考虑将您的内容放在主表中的表中，而不是将两个表堆叠在一起。或者，如果可以，请合理化三列并创建一个表。

Answer 2

您的图片需要display:block;。以下是html电子邮件中所有图像的外观示例：

<img style="margin: 0; border: 0; padding: 0; display: block;" src="" width="" height="" alt="">

一些补充说明：

您不需要<center>，而是使用<td align="center">。
您不应在px声明中使用width=""。示例：width="150"
仅使用bgcolor方法在表格或表格单元格中声明背景颜色。示例：bgcolor="#DBDBDB"

html简报中的图像叠加表

2 个答案: