Link Polsterung HTML-E-Mails
Habe ich die Tabelle mit diesem markup:
<tr id="main_nav">
<td style="width: 100%" colspan="2">
<a>Link1</a>
<a>Link2</a>
<a>Link3</a>
</td>
</tr>
Ich brauche, um die Polsterung auf diese links, aber ich Schaffe es nicht zu arbeiten...
CSS:
#main_nav a {
color: #fff;
font-weight: bold;
padding-left: 1em;
}
Was ich versucht habe: wrap-Verknüpfung in p-tag span-tag, fügen Sie css display block der Tabelle anzeigen, hinzufügen Stil mit Polsterung link.
Kann nicht wickeln Sie jeden link in <td>
tag!
Edit: Versuchte margin statt padding, kein Glück.
- Ich würde sagen, um einen Blick auf Die Kampagne Monitor Ultimate CSS-Support Guide als dieser beschreibt genau das, was CSS über E-Mail-clients.
- Ja, dies ist nicht ein Rad, Sie gehen zu wollen, neu zu erfinden. Versuchen Sie dies: litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design
Du musst angemeldet sein, um einen Kommentar abzugeben.
Setzen
<a>Link1</a>
innerhalb eines div, legen Sie dann die div Polsterung.Wenn es immer noch nicht funktioniert, versuchen Sie, ändern Sie die Breite der divs, so wie hier: http://jsfiddle.net/XWLv6/1/
Habe ich mich erfolgreich um dieses Problem durch die Einstellung eine große Grenze die gleiche Farbe wie der hintergrund.
Schnellste Weg, um konsequent "pad" etwas in der E-Mail ist nur werfen ein paar
dort. Scheint wie eine schlechte Gewohnheit, ich weiß...Ansonsten setzen Sie sich in Ihre eigene Tabelle mit einem leeren col als Polsterung für konsistente Ergebnisse.
hinzufügen
display:block;
zu den#main_nav a
Müssen Sie Ihre CSS-inline für alle Elemente in einer HTML-E-Mail. Beispiel: