CSS für E-Mail

8

Hat jemand eine gute Möglichkeit gefunden, CSS in eine programmatisch erstellte E-Mail einzubetten? Der beste Weg, den ich gefunden habe, ist, den Stil-Code in eine Ressourcendatei einzufügen und sie in den Code einzutragen.

Ein Beispiel wäre

%Vor%

Dies würde den Text der E-Mail aufbauen

Gibt es eine Möglichkeit, eine Vorlagendatei für eine E-Mail zu erstellen oder ein Stylesheet besser in eine zu laden?

Der Code in meiner RESX-Datei wäre

%Vor%

Und dies in die Zeichenfolge aufrufen, würde dies inline aufrufen

Und mit den Antworten unten, um die Nachricht zu senden, würde ich das verwenden

%Vor%     
Paul 27.03.2009, 15:21
quelle

7 Antworten

13

Der einzige Weg, wie wir erfolgreich waren, besteht darin, das CSS inline einzufügen. Die CSS-Inklusion des Dokumentheaderstils ist nicht konsistent oder zuverlässig.

Stellen Sie außerdem sicher, dass Ihre E-Mail-Header auf Folgendes eingestellt sind: Inhaltstyp: text / html; Zeichensatz = ISO-8859-1

BEARBEITEN UTF-8 ist auch eine gute Option. Der KEY-Punkt dieser Anweisung ist der Content-Type, der auf text / html gesetzt ist

    
jerebear 27.03.2009, 15:24
quelle
7

Hier finden Sie eine umfassende Anleitung, welche CSS-Stile von jedem E-Mail-Client unterstützt werden: Ссылка

Eine Anleitung, was Sie wissen müssen: Ссылка

Es gibt auch eine große Sammlung von kostenlosen vorgefertigten Vorlagen, die Sie als Referenz verwenden können: Ссылка

Schließlich stellt das gleiche Unternehmen ein Test-Tool zur Verfügung, das Ihnen zeigt, wie Ihre Nachricht in jedem E-Mail-Client gegen eine angemessene Gebühr angezeigt wird: Ссылка

    
Gdeglin 27.03.2009 18:11
quelle
4

Sie müssen das CSS in die Elemente einfügen, um eine vage Kompatibilität zwischen den E-Mail-Clients zu erreichen. Außerdem sollten Sie Tabellen für das Layout (Spalten usw.) verwenden, da CSS-Div-Layouts häufig nicht funktionieren. Angehängte Bilder schlagen meist auch für cid: URLs fehl. Thunderbird ist der beste E-Mail-Client für Kompatibilität (natürlich, da es den Gecko-Renderer verwendet). Outlook ist das Schlimmste.

Zusätzlich verwenden Sie multipart Pantomime mit einer einfachen Textalternative. Ich verwende eine Datenbank zum Speichern von E-Mail-Vorlagen, und es gibt einfache Text- und HTML-Vorlagen mit {{replaceable}} - Werten.

    
JeeBee 27.03.2009 15:39
quelle
2

Verwenden Sie den Vorabanbieter , um Ihre CSS inline zu verschieben.

    
Tamás Pap 23.02.2012 12:09
quelle
1

Inline-CSS ist ein Muss, um maximale Kompatibilität zu gewährleisten.

Einige Systeme wie MailChimp nehmen Ihre Elementklassen, analysieren Ihr CSS und ersetzen die Klassenattribute durch Inline-Stile. Sie könnten dazu Ihren eigenen Code schreiben.

    
David Snabel-Caunt 27.03.2009 15:26
quelle
1

Beachten Sie, dass zusätzlich zu den von allen empfohlenen Inline-CSS-Dateien E-Mails oft online auf einer anderen Webseite angezeigt werden, z. B. über Yahoo! Mail, Hotmail oder Google Mail. Sie können sich das Chaos vorstellen, das auftreten würde, wenn body style-Deklarationen oder zufällige Klassennamen erlaubt wären. Sie sollten die Möglichkeit in Betracht ziehen, dass alles, was nicht inline definiert ist, verworfen wird, obwohl einige Systeme versuchen könnten, diese Regeln mit unvorhersehbarem Erfolg zu erhalten.

    
David Kolar 27.03.2009 16:27
quelle
0

Ich hatte auch vorher das gleiche Problem und bin fast verrückt geworden. Ich habe auch etwas recherchiert und das, was ich bekam: Ссылка

    
dreamluverz 18.05.2009 16:31
quelle

Tags und Links