2013-06-25 7 views
7

Ich richte eine E-Mail-Vorlage ein und der Anfang einiger Bilder wurde abgeschnitten. Dies ist mein Code für die BilderAusblick 2013 Oberhalb des Bildes abgeschnitten?

<td style="line-height: 0"><img src="http://domain.com/image.png"></td> 

ich die Zeilenhöhe auf dem td haben, so dass der weiße Raum unterhalb entfernt werden, weil ich es will unter das Bild zu berühren.

Top-Bild hat ein bisschen von der Spitze abgeschnitten, aber wie kann ich das beheben?

Antwort

9

Die Art und Weise Ich reparierte das war nicht line-height verwenden und stattdessen den Bildblock angezeigt werden und dies das Bildes Probleme behoben und entfernt noch den weißen Raum unter

<td><img src="http://domain.com/image.png" style="display:block;"></td> 

hoffte, das hilft jemand!

0

verwenden Alway Display:block auf allen Bildern, sonst werden Sie einige weißen Räume von Zeit zu Zeit :)

1

Meine Tests erhalten zeigen, dass in Outlook 2013, im Gegensatz zu früheren Versionen von Outlook, verursachen line-height auf 0 setzen der Behälter kleiner sein als das enthaltene Bild. Das Ergebnis ist, dass der obere Teil des enthaltenen Bildes beschnitten ist. Die einzige Möglichkeit, dies zu beheben, war, die Zeilenhöhe auf einen anderen Wert als 0 zu setzen. Ich verwendete Zeilenhöhe: 17px und die Bilder wurden korrekt angezeigt. Es könnte mit jedem anderen Wert als 0 funktionieren - ich habe keine Werte kleiner als 17px getestet.

Einstellung Anzeige: Block hat dies nicht behoben. Da dies NUR ein Problem mit Outlook 2013 ist und keine früheren Outlook-Versionen oder andere mobile oder Desktop-E-Mail-Clients betrifft, kann davon ausgegangen werden, dass es sich um einen Outlook 2013-Fehler handelt und dass ein Update von Microsoft nicht zu erwarten ist. Wenn also jemand meine Ergebnisse bestätigen kann, wäre es eine gute Idee, diese Problemumgehung einfach in Ihre bereits übergroße Palette von Problemumgehungen zu integrieren, um die schlechte HTML-E-Mail-Unterstützung von Microsoft zu berücksichtigen.

0

Ich habe dieses Problem in MailChimp beim Einfügen von Bildern in Textblöcken erfahren. Um es zu lösen, setze ich die Zeilenhöhe für Textblöcke auf doppelten Platz. Danach setze ich alle Stile für jeden Block in meiner Vorlage zurück. Hoffe das hilft!

7

Ich hatte das gleiche Problem mit ol 2013/16.

Die beste Lösung besteht darin anzugeben, dass die Zeilenhöhe in Pixel ausgedrückt wird.

Ändern Sie line-height:0; zu line-height: 0px.