Newsletter mit Bildern - Bilder haben Platz zwischen ihnen auf Handy

Question

Ich sende Newsletter von meiner Website Drupal-7 mit Simple News Newsletter-Modul. Die Newsletter sind einfaches HTML und CSS und enthalten immer kleine Bilder, die, wenn sie nebeneinander hinzugefügt werden, ein größeres Bild erzeugen.
Der Newsletter scheint gut zu sein, wenn Sie ihn in einem beliebigen Browser erhalten, aber wenn Sie ihn auf einem Mobiltelefon erhalten, haben die Bilder einen großen Abstand zueinander. Was muss ich hinzufügen, um das zu beheben?
Hier ist der Code, den ich bereits verwende. Es ist der Tisch-Code generiert, wenn Sie das Vollbild auf Scheiben schneiden und ich habe ein paar CSS-Änderungen:

<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

ich es fest! Was benötigt wird, ist einige spacer.gif Bilder hinzuzufügen, deren Breite zur Gesamtbreite addiert wird, wenn die Tabelle erstellt wurde.
Zum Beispiel:

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