Extra-Raum hinzugefügt, um HTML-E-Mail, wenn von Outlook zu Gmail

Question

gesendet Wenn ich die folgenden HTML-E-Mail in Google Mail oder Outlook öffnen macht, wie es soll:

<img src="img.png" /> 

Allerdings, wenn ich es öffne in Outlook und dann nach vorne, es zu Gmail, es zusätzlichem Müll HTML fügt hinzu, dass die Fläche größer als es sein sollte macht (der ‚p‘ Tag ist für die zusätzliche Höhe verantwortlich - 3px speziell):

<p class="MsoNormal"> 
    <span style="font-size:10.0pt"> 
     <img src="img.png"> 
     <u></u> 
     <u></u> 
    </span> 
</p> 

es gibt viele Lösungen zum Beheben von Abstandsproblemen in Google Mail, z. B. Hinzufügen von display: block zum Bild, Festlegen der Schriftgröße und -linie -Height zu 0, etc. Ich habe über ein Dutzend Methoden probiert und keines hat wegen hinter den Kulissen HTML-Änderung funktioniert, die ich nicht kontrollieren kann - Stile und Attribute werden entfernt, Tags mit ihren eigenen Eigenschaften werden hinzugefügt usw.

Gibt es eine Arbeit, um die ursprüngliche Formatierung immer zu erhalten? Ich werde gerne weitere Details zur Verfügung stellen, lassen Sie es mich wissen.

Answer 1

Es gibt keine Lösung dafür, aber es gibt Möglichkeiten, die Größe der Trennung zu begrenzen und zu verbergen. Ich werde es als Trennung bezeichnen, aber es ist wirklich die oberste Zelle, die aufgrund von Outlook erweitert wird, das den mso-normalen p-Tag anwendet. Here is a related article.

Zwischen den Tabellen entsteht eine größere Lücke (ca. 15px) als zwischen den Tabellenzeilen (2px). Es ist komplexer, aber versuchen Sie alles, was Sie sich nicht leisten können, in einen großen Tisch zu trennen. Colspans und Rowspans können komplex sein, aber sie funktionieren, wenn sie richtig eingerichtet sind.

Um die Trennung auszublenden, umschließen Sie alle Tabellen in einer Master-Inhaltstabelle mit dem Satz bgcolor. Stellen Sie beispielsweise einen großen Inhaltsbereich auf Weiß ein. Beim Senden aus Outlook werden alle untergeordneten Tabellen verschoben, die Lücken bleiben jedoch weiß, sodass unerwünschte Zeilen in Ihrem E-Mail-Text nicht mehr angezeigt werden.

Ein Trick für Fußzeilen - Als die letzte untergeordnete Tabelle Ihres weißen Hauptpanels, wenn das trennt, wird es eine weiße Linie darunter schaffen. Entfernen Sie entweder die Fußzeilentafel aus dem Hauptfenster oder legen Sie die Zelle bgcolor auf den gleichen Wert wie den Hintergrund Ihrer E-Mail, um diese Trennung auszublenden.