Šablona Html Emailu

Každý správný kodér ví že používat inline CSS zápis v HTML je hřích. Že je potřeba minimálně všechny css styly vyčlenit do hlavičky html souboru. Ti lepší znás je dají do seperátního *.css souboru. Naopak je tomu ale pokud se snažíte vytvořit HTML šablonu pro e-mail.

• Nepřipojíte externí stylesheet
• Styly v hlavičce budou ignorovány
• Jediné co Vás zachrání je přidat styl na jednotlivé tagy
• S pseudotřídami jako je hover nad odkazem se také rozlučte. Inline řešení :hover{...} nefunguje (http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css)

Pokud chcete do šablony vložit obrázek, použíjte tag HTML a absolutní adresu na vašem serveru.

Jak se e-mail zobrazí v Gmailu

Jak se e-mail zobrazí v Outlooku

Jak se e-mail zobrazí v IceWarp web klientu

To že se vaše šablona zobrazuje s vybroušeným CSS3 designem na gmailu je hezké, ale zkuste si ji odeslat na firemní e-mail a otevřít v outlooku. Uaaa hodiny a hodiny hraní si s kulatýma rohama a floatováním je v ....

• Kulaté rohy
• Float

Inspiraci si vezměte z e-mailů které vám posílá třeba Microsoft. Tabulkový layout jak z doby kamenné.

<table align="center" width="800" border="0" cellpadding="0" cellspacing="0" style="width:800px">
...
</table>

Zdroje:

http://zurb.com/