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/