Codierung von HTML-e-mail - added image outline/border - gmail und Outlook
Ich bin Kodieren einer HTML-e-mail und ich erlebe seltsame Verhalten in gmail und Outlook 2003 und 2007. Es ist ein weißer Raum unterhalb aller Bilder. Meine inline-styling für die Bilder, sieht wie folgt aus:
border: none;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
text-transform: capitalize;
margin: 0px;
padding: 0px;
Alle styling stammt von MailChimp HTML-code und sollte es keine Unstimmigkeiten. Haben Sie bereits Erfahrungen mit dieser? Bilder befinden sich in Tabelle td-markup. Tabellenzellen haben, cellspacing und cellpadding auf 0 gesetzt, wie gut. Hier ist ein screenshot von dem problem: http://cl.ly/EnFt/o
- was ist der css auf die Zellen der Tabelle? das sieht aus wie eine Art Grenze auf dem Tisch td/tr - auch, wie über die Verwendung
<td rowspan="2"></td>
für das mittlere Bild und nicht geteilt es in zwei?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Bilder sind
inline
standardmäßig. Dass kleine Lücke, die Sie sehen, ist der Raum für Unterlängen wie die auf 'g' und 'f'. Um das problem zu bekämpfen, müssen Sie explizit alle Bilderblock
Elemente, wie diese:Können Sie einen service wie premailer, die ermöglicht Ihnen das hinzufügen dieser Stil in der
head
Ihrer HTML-Datei und wird automatisch platzieren Sie es inline für Sie.Es ist erwähnenswert, dass
display:block;
natürlich bedeuten, dass jedes Bild sollte in einem separatentd
oder ähnliches: Bilder, die brauchen anzeigen side-by-side wird nach unten gedrückt werden, der unter jedem anderen.Verwenden Sie einfach
style="display:block;"
zu image-tag.Seine gut funktioniert.schreiben
border:0;
in Ihrem<img>
tag. Wie diese: