画像を含むニュースレター - 画像は携帯電話の間にスペースがあります

Question

Simplenewsニュースレターモジュールを使用してDrupal-7ウェブサイトからニュースレターを送信します。ニュースレターは基本的なHTMLとCSSであり、常に小さい画像が含まれているため、並べて追加すると大きな画像が作成されます。
ニュースレターはどのブラウザーでも表示されますが、携帯電話で受信したときに画像間に大きなスペースがあります。それを修正するために何を追加する必要がありますか？
ここに私がすでに使っているコードがあります。それはあなたがスライスにフル画像をトリミングするとき生成されたテーブル・コードであると私はいくつかのCSSの変更を加えました：

<table id="Table_01" width="750" height="1636" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
    <td colspan="3"> 
    <a href="link" target="_blank"> 
     <img src="test.png" width="750" height="319" alt="" style="display:block;"></a></td> 
</tr> 
<tr> 
    <td colspan="3"> 
    <a href="link" target="_blank"> 
     <img src="test.png" width="750" height="336" alt="" style="display:block;"></a></td> 
</tr> 
<tr> 
    <td colspan="3"> 
    <a href="link" target="_blank"> 
     <img src="test.png" width="750" height="702" alt="" style="display:block;"></a></td> 
</tr> 
<tr> 
    <td colspan="3"> 
    <a href="link" target="_blank"> 
     <img src="test.png" width="750" height="71" alt="" style="display:block;"></a></td> 
</tr> 
<tr> 
    <td colspan="3"> 
    <a href="link" target="_blank"> 
     <img src="test.png" width="750" height="46" alt="" style="display:block;"></a></td> 
</tr> 
<tr> 
    <td colspan="3"> 
     <img src="test" width="750" height="28" alt="" style="display:block;"></td> 
</tr> 
<tr> 
    <td> 
    <a href="link" target="_blank"> 
     <img src="test.png" width="422" height="44" alt="" style="display:block;"></a></td> 
    <td> 
     <a href="link" target="_blank"> 
     <img src="test.png" width="29" height="44" alt="" style="display:block;"> 
     </a> 
     </td> 
    <td> 
     <a href="link" target="_blank"> 
     <img src="test.png" width="299" height="44" alt="" style="display:block;"> 
     </a> 
     </td> 
</tr> 
<tr> 
    <td colspan="3"> 
     <img src="link" width="750" height="90" alt="" style="display:block;"></td> 
</tr> 

Answer 1

が、私はそれを修正しました！必要なのは、spacer.gif画像を追加することです。この画像は、表が作成された場合に幅が合計幅に加算されます。たとえば
：

<tr> 
<td> 
    <img src="images/spacer.gif" alt="" width="272" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="12" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="6" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="233" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="37" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="35" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="12" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="67" height="1"> 
</td> 
<td> 
    <img src="images/spacer.gif" alt="" width="286" height="1"> 
</td>