第一行中的图片与第二行中的绿色单元格之间的空白区域

时间:2012-07-25 02:49:57

标签: html html-table whitespace

我刚刚再次选择了编辑通讯,并遇到了臭名昭着的空白问题。但是,我的基本代码中没有任何内容,如果您可以帮助摆脱第一行中我的横幅和绿色第二行之间的空白区域,我将不胜感激。

Snapshot with white [bar

代码如下:

<table style="vertical-align: bottom; background-color: rgb(0, 136, 64); width: 100%;">
    <tbody>
        <tr>
        <a href="www.whatever.com"><img style="border: 0; width: 800px;" alt="Logo.jpg"></a>
    </tr>   
    <tr>
        <td style="text-align: right; padding-right: 15px;">31 July 2012</td>
        </tr>
    </tbody>
</table>

如何摆脱细胞之间的空白区域?

1 个答案:

答案 0 :(得分:0)

您的第一个TR错过了TD。这可能会解决它:

<table style="vertical-align: bottom; background-color: rgb(0, 136, 64); width: 100%;">
  <tbody>
        <tr><td style="margin: 0; padding: 0;"><a href="www.whatever.com" style="padding: 0; margin: 0;"><img style="border: 0; margin: 0; width: 800px;" alt="Logo.jpg"></a></td></tr>   
        <tr><td style="text-align: right; margin: 0; padding: 0; padding-right: 15px;">31 July 2012</td></tr>
  </tbody>
</table>