html - テーブルとtrの間のギャップを取り除く方法

Question

    <table width="33%" border="0" border-spacing: 0px; cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="4"><img src="01.png" width="619" height="143" " /></td>
  </tr>
    <tr>
      <td height="13" valign="top"><img 02.png" width="75" height="13" /></td>
      <td width="32%" valign="top"><img src="03.png" width="200" height="13" /></td>
      <td width="56%" colspan="2" valign="top"><04.png" width="344" height="13" /></td>
    </tr>
    <tr>
  <td colspan="4" valign="top"><img 05.png" width="619" height="150" /></td>
</tr>
<tr>
  <td colspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="85%"><img src="06.png" width="474" height="28" /></td>
      <td width="11%"><img src="07.png" width="71" height="28" /></td>
      <td width="4%"><img src="08.png" width="74" height="28" /></td>
    </tr>
  </table></td>
    </tr>
    <tr>
      <td colspan="4" valign="top"><img src="09.png" width="619" height="144" /></td>
    </tr>
    <tr>
      <td colspan="4" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="76%" height="32"><img src="10.png" width="474" height="32"/></td>
    <td width="12%"><img src="11.png" width="71" height="32"/></td>
    <td width="12%"><img src="12.png" width="74" height="32"/></td>
  </tr>
</table></td>
    </tr>
    <tr>
      <td colspan="4" valign="top"><img src="13.png" width="619" height="140" /></td>
    </tr>
    <tr>
      <td colspan="4" valign="top"><table width="99%" border="0" cellpadding="0" cellspacing="0">
      <tr>
    <td width="76%"><img src="14.png" width="474" height="36"/></td>
    <td width="12%"><img src="15.png" width="71" height="36" /></td>
    <td width="12%"><img src="16.png" width="74" height="36"/></td>
  </tr>
</table></td>
    </tr>
    <tr>
    <td height="109" colspan="4" rowspan="2" valign="top"><img 19.png" width="619" /></td>
  </tr>
</table>

このコードはメールテンプレートにあります。ローカルページでコンパイルすると正常に動作しますが、メールで送信すると、行とテーブルの間にギャップが表示されます。これもやってみました

    <style>
table { border-spacing: 0px; }
</style>

しかし、動作しませんでした。誰かがこの問題について知っていますか？

または、PHPでどのように印刷する必要がありますか？メールで画像として送信するようにします。メールを受け取った後、転送すると画像になるので正解です。なので、台本でメールを撮る前に画像にしてみようと思っています。しかし、どうすればこのhtmlをphpで印刷できますか？

Answer 1

<table ... border-spacing: 0px; ...>

これは有効なマークアップではありません。border-spacingプロパティ内に配置されstyleます：

<table ... style="border-spacing: 0px;" ...>

間隔を削除するには、次を追加するだけです。

table {
    border-collapse: collapse;
}

Answer 2

これを試して

<table cellspacing="0" cellpadding="0">
</table>