Allgemeines
Hier haben wir ein paar allgemeine Tipps zur Programmierung von HTML-Newslettern und HTML-Templates für Sie zusammengestellt. Führen Sie unbedingt umfangreiche Testversendungen an alle wichtigen Desktop- und Webmail-Clients durch, um eine optimale Darstellung Ihres E-Mailings sicherzustellen.
Tipps
CSS-Formatierungen müssen unbedingt inline geschrieben werden. Angaben im Header werden von den meisten Clients ignoriert .
Verwenden Sie zum Aufbau des Layouts unbedingt traditionelle Tabellen statt DIV-Layer .
Wir empfehlen eine maximale Breite des Mailings von 700 Pixel, gerne auch etwas weniger.
Verwenden Sie keine Hintergrundbilder in Tabellen.
Vermeiden Sie die Positionierung von Bildern mittels FLOAT oder ALIGN.
WIDTH-Angaben gehören in die TD und nicht in den TABLE-Tag.
Wenn Ihr Mailing eine Hintergrundfarbe enthält, verwenden Sie neben den Angaben im BODY-Tag zusätzlich einen alles umschließenden TABLE-Container (Breite 100%) mit der Farbangabe (z.B. bgcolor=“#000000″) in der TD.
Verwenden Sie keine Style-Informationen [style=“background:#FFFFFF;“] für den Hintergrund. Diese werden z.B. von GMX mit [background:none] überschrieben.
Viele E-Mail Programme blockieren die Darstellung von Bildern per Default. Achten Sie also auch darauf, wie Ihr Newsletter ohne geladene Bilder aussieht.
Geben Sie allen Bildern explizite WIDTH- und HEIGHT-Angaben.
Fügen Sie Bild-Elementen, die der Gestaltung dienen und sich nicht im Textfluss befinden, folgendes style-Attribut hinzu: style=“display:block;“
Vermeiden Sie die Verwendung von sog. Spacer-Bildern für das Layout. Besser: Angabe einer festen Breite in TDs.
Inline-CSS
Wie oben erwähnt sollten CSS-Formatierungen unbedingt inline geschrieben werden. Es gibt ein kleines Web-Tool, das diese Arbeit für Sie übernimmt und Formatierungen aus dem Header oder aus einer externen CSS-Datei direkt inline in Ihren Quellcode schreibt.
Dieses Tool finden Sie hier: http://inlinestyler.torchboxapps.com/styler/