Valign funktioniert nicht in Outlook HTML E-Mails

8

Also habe ich die ganze Woche mit einem Newsletter-Redesign für meine Firma gestritten und den HTML-Code optimiert, damit er halbwegs konsistent über E-Mail-Clients angezeigt wird. Ich habe von www.litmus.com viel Gebrauch gemacht. Dies ist der letzte Fehler, der mir noch nicht gelungen ist. Wir haben eine horizontale Navigationsleiste an der Spitze. Hier ist eine abgespeckte Version mit nur einem <td> , normalerweise sind es 5 davon:

%Vor%

Wie Sie sehen können, wird der Wazoo inline formatiert. Bei allen Lackmus-Tests mit Ausnahme von Outlook 2002, 2007 und 2013, in denen valign="middle" ignoriert wird und der Linktext wie folgt nach oben geschoben wird: Ссылка

Mehrere Quellen, sowohl hier als auch anderswo, weisen darauf hin, dass Valign im Outlook funktioniert, aber ich habe das valign="middle" -Attribut an jedem Tag, an das ich denken kann, und mehrere css vertical-align: middle; s probiert. Ist das nicht mehr wahr? Und wenn ja, gibt es irgendeine Art von Arbeit?

    
aurath 04.06.2013, 20:32
quelle

4 Antworten

5

Ich denke, das Problem ist die Zeilenhöhe, die Sie einstellen. Ich habe festgestellt, dass, wenn die Zeilenhöhe gleich der td-Höhe ist, valign = middle in Outlook nicht richtig funktioniert.

Im Folgenden wird der Text nicht in der Mitte ausgerichtet:

%Vor%

DIESER WILL:

%Vor%     
Rudy Gagneron 21.05.2014 18:16
quelle
4

Valign hat immer für mich funktioniert, aber ich denke, damit es in Outlook 2007 funktioniert, müssen Sie die Höhe Ihres & lt; td & gt; einstellen. Das hat immer für mich funktioniert:

%Vor%     
Sboniso Marcus Nzimande 20.09.2013 13:22
quelle
0

Kurze Antwort: Verwenden Sie padding-top und padding-bottom mit einem negativen Wert.

Lange Antwort: Wenn Sie eine Cross-kompatible E-Mail schreiben möchten, verwenden Sie valign überhaupt nicht. Das Problem, das Sie haben, stammt von woanders, weil der Text standardmäßig vertikal in der Zelle zentriert angezeigt werden sollte.

Bringen Sie Ihren Code zurück zu einem Punkt, an dem er standardmäßig in der Mitte liegt und wo auch immer Sie etwas anderes benötigen, verwenden Sie geschachtelte Tabellen, Zellpadding, Rand und Padding, um die gewünschte Platzierung zu erhalten.

    
davidcondrey 07.01.2014 08:20
quelle
-1

Ich weiß, dass diese Frage alt ist, aber ich wollte eine Lösung für dieses Problem teilen, das für mich funktioniert hat.

Ich habe das:

%Vor%

Dies funktioniert auf den meisten E-Mail-Clients, aber nicht auf Version Outlook mehr als 2010. Um es korrekt funktioniert nur eine bedingte Kommentar mit einem Abstandhalter wie folgt hinzu:

%Vor%     
tupini07 18.05.2016 15:44
quelle

Tags und Links