2012-08-09 22 views
14

In der Testversion von Outlook 2013 werden Bilder in HTML-E-Mails sehr merkwürdig dargestellt. So weit ich durch Tests herausfinden kann, sieht es so aus, dass Bilder, die kürzer als 20 Pixel sind, mit einer Füllung versehen werden, um sie 20 Pixel groß zu machen. Kann ich etwas tun, um das zu ändern? Diese E-Mails sehen in Outlook 2010 und überall dort, wo ich sie getestet habe, gut aus.Wie kann ich die Bildanzeige in Outlook 2013 reparieren?

I haben versucht, die Höhe der Tabellenzelle ändert sie sind in (durch height="13" sowie Inline CSS) sowie die Tabelle und die Tabellenzeile sie sind, die alle ohne Erfolg. Der folgende Code ist ein einfaches Beispiel für etwas, das dieses Problem löst, dass Sie in der Lage, den roten Hintergrund der Zelle über dem Bild zu sehen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
</head> 
<body> 
<table border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="195" style="background-color:#ff0000;"><img src="image url here" alt="" width="195" height="13" style="display: block" /></td> 
    </tr> 
</table> 
</body> 
</html> 

Kann jemand helfen?

Antwort

20

hinzufügen line-height Stil zum td-Tag (und für eine gute Maßnahme, ein height Attribut auf den auch td Tag hinzufügen).

<table border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="195" height="13" style="background-color:#ff0000; line-height:13px;"> 
     <img src="..." alt="" width="195" height="13" style="display:block;" /> 
    </td> 
    </tr> 
</table> 

Der modifizierte Code getestet für alle Versionen von Outlook in Lackmus in Ordnung.

+0

Super! Wunderbar! –

+0

Du bist ein Gott unter den Menschen. – GhostInTheSecureShell

+0

Vielen Dank, vielen Dank wirklich – Nickool

0

Entfernen Sie die Zellfüllung, die Sie nicht sehen, dass rote bg.

+0

Wie würde ich das tun, außer der 'cellpadding = "0", die bereits innerhalb der Tabelle Tag ist? –

-1

Fügen Sie style="display:block;" zu einem beliebigen Bild-Tag hinzu. <img src="/img/s.gif" width="1" height="1" alt="" style="display:block;">

Dies wird diese zusätzliche Polsterung entfernen.

0

Ich fand, dass das Hinzufügen <font size="1"><img /></font> auch funktioniert, um das Problem zu beheben.

Verwandte Themen