HTML Newsletter: Undefinierbare Abstände/Linien über Bildern

Bei Bildern in Newslettern kann es zu undefinierbaren Abständen vorallem auf mobilen Devices kommen. Dann hat man eine weisse Linie über dem Bild, die vorallem bei Emails mit farbigen Hintergrund seltsam aussehen. Abhilfe konnte ich schaffen mit einem

style="display:block;"

im Bild sowie einer line-height von 0 in der umgebenen Tabellenzelle:

<tr>
 <td width="516" height="74" colspan="3" style="line-height:0;font-size:0;"><img class="image_fix" style="display: block;" src="footer.jpg" width="516" height="74" /></td>
 </tr>

Die Klasse image_fix setzt übrigens ebenfalls display:block, hat aber leider nichts geändert.

Prinzipiell basieren meine HTML Emails derzeit alle auf dem http://www.htmlemailboilerplate.com das viele Cross-Emailclient-Probleme schon von vornherein beseitigt.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.