Hintergrundgrafik
Für das Einbinden und Platzieren von Hintergrundgrafiken gibt es in CSS drei wichtige Eigenschaften: Mit background-image wird eine Hintergrundgrafik festgelegt, beispielsweise für den gesamten body oder ein Block-Element (div). Die Hintergrundgrafik wird bei der Anzeige standardmäßig horizontal und vertikal wiederholt. Mit der CSS-Eigenschaft background-repeat kann diese Wiederholung auf eine Achse beschränkt oder ganz unterdrückt werden. Zudem kann mit background-position angegeben werden, an welcher Stelle die Hintergrundgrafik beginnt.
Beispiel: Eine Grafik mit Graustufenverlauf soll entlang der vertikalen Achse wiederholt angezeigt werden und vom linken Rand einen Abstand von 15 Pixel aufweisen. Der entsprechende Code sieht folgendermaßen aus:
<body style="background-image:url
(http://www.inxmail.de/hintergrund.gif);
backgroundrepeat:repeat-y; background-position:15px">
</body>
Thunderbird v1.5 zeigt die sich an der vertikalen Achse wiederholende Verlaufsgrafik fehlerfrei an:
CSS-positionierte Hintergrundgrafik (Thunderbird v1.5)
Alle drei CSS-Eigenschaften für die Hintergrundgrafik werden in Outlook 2007 nicht mehr unterstützt. Ein Screenshot für Outlook 2007 ist daher an dieser Stelle überflüssig. Die Einbindung einer Hintergrundgrafik kann alternativ über das HTML-Attribut background erfolgen. Dabei wird das Bild über das ganze Anzeigefenster hinweg wiederholt, so dass ein Tapeteneffekt (Wallpaper) entsteht. Die volle Funktionalität der CSS-Eigenschaften mit Steuerung des Wiederholungsverhaltens und der Positionierung wird aber nicht erreicht. Zudem ist das Attribut background als veraltet eingestuft und sollte nicht mehr verwendet werden.
Die CSS-Eigenschaften background-image, background-repeat und background-position werden von Outlook 2007 nicht mehr unterstützt. Das alternative HTML-Attribut background wird nur rudimentär unterstützt (siehe Abschnitt 2.1.2) und bietet sich damit nur begrenzt als Option an. Einzig ein Tabellenlayout kann diese Funktionalität teilweise realisieren.
Weitere nicht unterstützte Web-Elemente
Animierte GIF-Grafiken: Outlook 2007 unterstützt keine animierten GIF-Grafiken. Anzeigt wird lediglich eine statische Version.
Adobe Flash und andere Plug-Ins: Unterstützung für Flash und andere Plug-Ins bietet Outlook 2007 nicht. Der Anwender sieht lediglich das typische rote X an der Stelle, an der die Flash-Datei angezeigt werden sollte. Im Falle von Flash bietet es sich an, einen Screenshot aus der Flash-Animation in die E-Mail einzubinden und mit dem Flash-Film zu verlinken.
Umstellung Ihres Newsletters
E-Mail-Marketer sollten ihr Newsletter-Angebot umgehend auf Outlook 2007-Kompatibilität testen, da die neue Outlook Version relativ kurzfristig einen hohen Verbreitungsgrad erreichen wird und sich ein nicht angepasstes Newsletter-Design nachteilig auf das Image des Unternehmens auswirkt.
Weitere Kapitel
- 1. Teil: HTML E-Mails mit Outlook 2007 – Teil II
- 2. Teil: Textumfluss
- 3. Teil: Positionierung
- 4. Teil: Hintergrundgrafik
Kommentare
Bitte beachten Sie unsere Informationen zum Datenschutz.
blog comments powered by DisqusWeitere Artikel zum Thema
alle Artikel zum Thema
© 2012 FEiG & PARTNER