email structurés

[s-o-m-e-y]

Bonjour a tous

Je l'ai jamais encore fait, ni même entrevu, j'aimerais faire des jolis email pour envoyer une newletter.
Le probleme à l'air d'être au niveau des images (qui sont bloquées) donc je pense m'orienter vers une solution css

Par contre, j'ai jamais fais ca et je n'ai aucunes idées de "comment procéder"
donc si vous avez des exemples concrets, des tutos, ou tout simplement partager votre expériences personnelle...

merci à vous

[antinomx]

Salut,

Le fait de faire ou ne pas faire en css n'empêchera pas le logiciel de bloquer les images. Le mieux est de faire ta structure en tableaux (ouè c'est même marrant à dire ) et d'incorporer tes css directement dans le corps du mail sur chaque élément par l'intermédiaire de l'attribut style=""... En mode bourrin quoi...
Il ya pas mal de tutos et d'explications partout sur la toile...

A+!

[s-o-m-e-y]

merci du conseil

je pensais faire plus ou moins ca
(oué les tableaux ça commence a dater...)
les débats sur les tableaux , le css...etc sont nombreux mais en matières de mail je vois que ca
pour faire le plus "standard"

Par contre aurait tu un bon exemple complet?
voir même un tuto a suivre a la lettre??
(étant donner que j'ai jamais fais , je sais vraiment pas comment ça se goupille)

[OTP]

Regarde le code HTML d'un mail qui te plait et inspire toi de cet exemple.
Si tu trouves toutefois un bon tuto, je suis aussi preneur !

[antinomx]

Un exemple complet, non pas sous la main mais voilà avec quoi j'ai appris : http://www.pompage.net/pompe/emails-html-dompter-la-bete/ ; premier lien dans google pour la requête "mail html css".

Tu devrais facilement trouver un exemple complet

[webonet]

Pour la comptabilité des éléments CSS avec les différents clients mails et webmail :

- http://a-pellegrini.developpez.com/tutoriels/css/email/ [FR]
- http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/ [EN]

Et en complément du lien d'Antinomx sur les bases et les bonnes pratiques :

- http://www.sitepoint.com/article/code-html-email-newsletters/ [EN]