HTML & CSS in Email (Newsletter)

netbandit · 30.11.2010

Ein Hallo,

ich brauche mal eine Empfehlung; und zwar musste ich eine Email-HTML-Vorlage basteln:

Kopf
links | Inhalt | rechts
Fusszeile

Habe ich auch gemacht; mit DIVs, passendes CSS im HEAD -> Valide, sah auch in den gängigen Browsern "richtig" aus. Testmail an mich, Outlook Express auch OK.

Jetzt bekomme ich allerdings ab und an mal eine Mail weitergeleitet wo die Darstellung versaut ist - oder die Aussage, dass es nicht richtig im Emailclienten dargestellt wird - Teilweise bekommen aber auch Webmailer die HTML-Mail nicht richtig angezeigt. Wenn ich mir dann den Quelltext einer solchen Mail anschaue fehlt alles ausserhalb von <body> und </body> also auch das CSS oder es wird einfach etwas dazugedichtet :uhm:

Muss ich da jetzt wirklich jede Eigenschaft direkt in die DIV-Tags schreiben?

Oder soll ich, um sicher zu sein, noch einen Schritt weiter (in diesem Fall zurück) gehen und alles via TABLE zu lösen? :'(

Grüße

MyBad · 30.11.2010

AW: HTML & CSS in Email (Newsletter)

Bei HTML-Emails solltest du mit Tabellen layouten. Die meisten Email-Clients können eher schlecht als recht CSS interpretieren.

netbandit · 30.11.2010

AW: HTML & CSS in Email (Newsletter)

Hallo MyBad,

meinst Du so richtig fies wie:

HTML:

<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td colspan="3" bgcolor="#CC0000">&nbsp;</td>
  </tr>
  <tr> 
    <td width="160" bgcolor="#CCCCCC">&nbsp;</td>
    <td>Text</td>
    <td width="160" bgcolor="#CCCCCC">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="3" bgcolor="#CC0000">&nbsp;</td>
  </tr>
</table>

Oder darf/kann ich da noch mit style="..." im TD-Tag arbeiten?

Grüße

MyBad · 30.11.2010

AW: HTML & CSS in Email (Newsletter)

So fies denke ich nicht

Sicher bin ich da aber nicht. Habe kürzlich irgendwo gelsen, dass man, wenn man mit styles arbeitet, diese "inline" anwenden soll. Also <td style="color: #FFF"></td> (also so, wie du es auch vorgeschlagen hast).

Habe aber selbst schon mit Klassen und IDs gearbeitet. Funktionierte eigentlich auch überall ganz wunderbar.

netbandit · 30.11.2010

AW: HTML & CSS in Email (Newsletter)

OK, Tabellenlayout und die Styles "inline", hoffe dann habe ich endlich ruhe; ist wieder so eine machmalebendarfnixkostennullnummer, nervt einfach nur :rolleyes:

Vielen Dank MyBad

Maschmo · 30.11.2010

AW: HTML & CSS in Email (Newsletter)

Mache hauptberuflich solche Emailvorlagen, da darfst du vieles nicht

netbandit · 30.11.2010

AW: HTML & CSS in Email (Newsletter)

Maschmo schrieb:
Mache hauptberuflich solche Emailvorlagen, da darfst du vieles nicht

Wie jetzt, kann man damit Geld verdienen und langt das zum Überleben?