Vertikale Textausrichtung in Outlook nicht zentriert [mit Bildern]

Ich versuche derzeit, einige Probleme mit einer HTML-E-Mail zu lösen, die in Browsern und über Google Mail funktioniert, aber leider habe ich Probleme in Outlook vertikal ausrichten den Text (es klebt am unteren Teil).Vertikale Textausrichtung in Outlook nicht zentriert [mit Bildern]

Dieses Bild zeigt Ihnen, was falsch ist:

<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td> 
</tr> 

<tr> 
    <td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td> 
</tr> 
</table>             
</td> 
</tr> 

<tr> 
    <td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td> 
</tr>

Jede Idee, wie dieses Problem beheben?

Quelle

2013-11-14 user2619611

hinzufügen valign="middle" und eine Höhe auf die <td> wollen Sie den Text vertikal zentriert auf:

<tr> 
    <td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;"> 
    <a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a> 
    </td> 
</tr>

In HTML E-Mail, immer verwenden,

valign="top|middle|bottom" für die vertikale Ausrichtung und

align="left|center|right" für horizontale Ausrichtung.

Denken Sie daran, Sie brauchen height="" oder width="" auf dem gleichen <td> Element gesetzt.

Quelle

2013-11-14 15:00:57 John

Versucht dies, leider kein Glück. – user2619611

@ user2619611 Entfernen Sie Ihre Zeilenhöhe, es drückt Ihren Text nach unten. – John

Das Einstellen der Höhe, das Entfernen der Zeilenhöhe und das Valignieren hat funktioniert, danke! – user2619611

Für mich ist es arbeiten zu lassen, war wichtig height und align="center" als HTML-Eigenschaften angeben und doppelte height in CSS style Elemente.

\t 
 

 
<td colspan="3" align="center" height="80px" width="100%" 
 
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; 
 
color:#666666; height: 80px; background: #cccccc; 
 
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> 
 
      <strong>for internal use</strong> 
 
     </td>

Alignment Problem wurde für alle Word-basierte Outlooks (- 2016 2007) zu sehen.

Quelle

2017-09-15 14:20:13 user07

Vertikale Textausrichtung in Outlook nicht zentriert [mit Bildern]

Antwort

Verwandte Themen