Cascading Style Sheets und E-Mail anzeigen

Cascading Style Sheets und E-Mail Display Gestaltung der HTML-Version Ihres E-Mail-Nachricht kann schwierig sein, denn es gibt so viele verschiedene E-Mail-Client und Betriebssystem-Kombinationen da draußen - und sie haben ihre eigene Art der Darstellung von HTML. Und es gibt wirklich keine Möglichkeit positiv sicher sind, welche Kunden Ihre Leser werden benutzt, um Ihre Nachrichten zu sehen. Wenn Sie Ihre Leser ein Hotmail-Adresse hat, ist es in der Regel davon ausgehen, dass er Ihre Nachricht über die Hotmail-Web-Client lesen werden. Aber was ist mit Ihren Lesern mit privaten E-Mail-Adressen? Werden sie mit Microsoft Outlook? Wird es Outlook 2000, Outlook 2003 oder Outlook 2007? Oder vielleicht hat er mit Lotus Notes? Was ist, wenn er seine TLD E-Mail an ein Yahoo-Konto weitergeleitet? Und ist er mit einem Mac oder PC? Da Sie nicht wirklich wissen, die Antworten auf alle diese Fragen bei der Gestaltung Ihrer E-Mail-Kampagnen ist es wichtig, dass Sie für die Erreichbarkeit immer Design. Cascading Style Sheets (CSS) bietet die Möglichkeit, Ihre E-Mails äußerst Grafik und verlockend machen. Leider gibt es noch begrenzte Unterstützung von r CSS mit vielen E-Mail-Clients und über verschiedene Plattformen. Eines der größten CSS-Straftäter ist Outlook 2007, und da Studien zeigen, dass bis zu 75% der E-Mail-Leser Outlook verwenden, kann man einfach nicht ignorieren, die Rendering-Fehler. Leider hat Outlook 2007 keine Unterstützung für schwimmende Elemente, die weit in CSS ist für die Positionierung von Objekten verwendet. Es basiert auf einem Tisch-basierten Layout bei der Gestaltung Ihrer E-Mail-Kampagnen. Think Webdesign circa dem Jahr 2000. Wenn Sie ein neues Designer sind und noch nie mit Tabellen vor behandelt, können Sie Tonnen how-Informationen aus dem W3C. Während Outlook 2007 die Eigenschaft nicht unterstützt, kann ich nicht empfehlen, dass Sie es verwenden, um Ihr Stylesheet anhängen. Mindestens 50% der Leser haben ihren Bildern deaktiviert, was bedeutet, alle Elemente verbunden werden nicht miteinander verknüpft werden - und dazu gehört auch der externen Stylesheets. Außerdem kann Google Mail, Live Mail und Hotmail nicht finanzielle Unterstützung für Elemente, so ist es eine gute Idee nicht, sie trotzdem zu verwenden. Stattdessen definieren alle Ihre Stile innerhalb der Nachricht und nie auf ein externes Stylesheet für Ihre E-Mails angewiesen. Wenn in der Nachricht, sollten Sie Ihren Stil zu definieren, ist eine ganz andere Geschichte. Live Mail sucht das Stylesheet mit dem, sieht Hotmail für das Stylesheet direkt unter dem Tag. Outlook 2003, Outlook 2007, AOL, Yahoo, Entourage und Thunderbird wird entweder Platzierung akzeptieren, aber Google übernimmt keine von ihnen. Die beste Option ist für den Gebrauch Online-Stil-Tags. In-Line-Stil bedeutet einfach, dass der Stil für jedes Element muss individuell festgelegt werden. Statt der Definition Ihrer Stylesheet in Ihrem wie folgt aus: oder auch so etwas: Sie jedes Element einzeln festlegen, wie diese:

Das ist Ihre Nummer ein.

Wenn Sie diese Elemente definiert sind, bedenken Sie, dass nicht alle CSS-Eigenschaften werden unterstützt durch die Bank auf alle E-Mail-Clients. Wenn Sie in einen konsistenten Botschaft an alle an Ihre Leser, egal darlegen, wie sie Ihre Mail lesen, sollten Sie sich auf diese CSS-Eigenschaften:. background-color
. Grenze
. Farbe
. font-size
. font-style
. font-variant
. font-weight
. letter-spacing
. line-height
. padding
. table-layout
. text-align
. text-decoration
. text-indent
. text-transform Diese Eigenschaften sind auf Macs und PCs unterstützt:. AOL
. Entourage
. Google Mail
. Live Mail
. Outlook 2003
. Outlook 2007
. Thunderbird
. Yahoo Eigenschaften zu vermeiden sind:. background-image
. background-position
. background-repeat
. border-collapse
. border-spacing
. Boden
. caption-side
. klar
. Clip
. Cursor
. Richtung
. Anzeige
. empty-cells
. float
. font-family
. Höhe
. verließ
. list-style-image
. list-style-position
. list-style-type
. margin
. Trübung
. Überlauf
. Position
. richtig
. Spitze
. vertical-align
. Sichtbarkeit
. white-space
. Breite
. word-spacing
. z-index Und nun für noch mehr schlechte Nachrichten: Lotus Notes und Eudora schrecklichen CSS-Unterstützung und sogar viele der weithin akzeptierte CSS-Eigenschaften können nicht richtig machen. Und da mehr und mehr Leser werden jetzt den Zugriff auf E-Mails auf PDAs und andere Handheld-Geräte können Sie nie 100% sicher, wie und wo wird Ihre Nachricht zu lesen. Deshalb schlage ich vor Sie immer Multipart-Mime-Messaging, und immer mit einem Link auf Ihrer Text-Version im HTML-Version der Nachricht. *** Behalten möchten Sie diese Tipps zur Hand? Ich schuf eine herunterladbare "Spickzettel", die Sie halten können und den Zugang praktisch jedes Mal, wenn Sie erstellen eine E-Mail-Nachricht. Schnappen Sie sich Ihr kostenloses Exemplar an das moderne Image-Website.

Tagged with: Cascading Style Sheets • E-Mail-Kampagnen • E-Mail-Clients • externes Stylesheet • System-Kombinationen

Abgelegt unter: Texte

Like this post? Subscribe to my RSS-Feed und erhalten Lasten mehr!