html - 1 行目の画像と 2 行目の緑色のセルの間の空白

Question

最近、ニュースレターのコーディングを再開したばかりで、悪名高い空白の問題に遭遇しました。ただし、初歩的なコードには何もありません。最初の行のバナーと緑色の 2 行目のバナーの間の空白を取り除くのを手伝っていただければ幸いです。

コードは次のとおりです。

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

セル間の空白を取り除く方法は?

Answer 1

最初の 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>