0

希望你能帮我解决这个问题，这可能真的很简单，但我很不擅长嵌套。

这是简单的代码：

        <table border="0" cellpadding="0" cellspacing="0" width="600">

        <tr>
            <td width="600"><a href="#" target="_blank"></td>
        </tr>
        <tr>
        <td valign="top" align="center"></td>
        </tr>

        <tr>
        <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt="" style="display:block;"></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td>

        </tr>

        </table>

如果您将其弹出到编辑器中或在浏览器中打开，我要做的就是将两个数据单元格放在同一行，您会注意到有一个没有图像的图像，它是 9x11px 的图像，它是一个项目符号点的图像，这应该让你知道我想做什么。但是，我尝试一切都在精神上。

如果您能解释为什么会发生这种情况，那就太棒了，因为我正在学习电子邮件的 HTML（正在为我的工作发送电子邮件）

4

2 回答 2

0

我从子弹图像中删除了样式 - display: block。这种风格使图像活在自己的身上line。

<table border="0" cellpadding="0" cellspacing="0" width="600">

        <tr>
            <td width="600"><a href="#" target="_blank"></td>
        </tr>
        <tr>
        <td valign="top" align="center"></td>
        </tr>

        <tr>
        <td valign="top" align="center" bgcolor="#000000" colspan="2"><a href="#" target="_blank"><img src="#" width="9" height="11" border="0" alt=""></a><font style="font-size: 12px" color="#ffffff" face="Arial, Helvetica, sans serif"><b><a href="#" target="_blank" style="text-decoration: none; color: #ffffff">LEAVE A REVIEW TO <font color="#ff9a11">WIN &pound;250</font> WORTH OF X VOUCHERS</a></b></font></td>

        </tr>

        </table>
于 2012-04-11T21:26:51.087 回答
0

也许这就是你要找的东西？

    <table border="0" cellpadding="0" cellspacing="0" width="600">
      <tr>
        <td>Column 1 of Row 1 </td>
        <td>Column 2 of Row 1</td>
      </tr>
      <tr>
        <td colspan="2">Only column in Row 2</td>
      </tr>
    </table>

您的问题是，当没有两列可以跨越时，您的<td>a为 2。colspan你的另外两列被分成两行，我在那个代码中为你调整了。

编辑：我已将表格代码清理为准系统，以便您更容易理解

于 2012-04-11T21:25:18.860 回答