html - html 通讯中的图像叠加表

Question

我正在制作一份 HTML 时事通讯，但一直遇到这个问题。由于某种原因，顶部的图像忽略了边距并给出了一条丑陋的白线。

虽然这个网站说电子邮件客户应该接受 margin :http://www.campaignmonitor.com/css/

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

编辑:新的更清晰的代码，但仍然是同样的问题!我不知道怎么把那该死的东西弄下来。 =/(我的左边框现在也不见了，我不知道为什么)

<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"

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