Vous ne le savez peut être pas, mais les feuilles de style dans les e-mails ne sont pas très bien interprétées car les clients de messagerie ont leurs propres règles d'interprétation des feuilles de style.
Ce qu'il faut savoir avant tout, c'est que quand vous faite un e-mailing, le destinataire du mail a plusieurs façons de "lire (consulter)" son e-mails.
Le mail peut être récupéré sur l'ordinateur via un logiciel d'e-mail comme Outlook.
Dans le cas du logiciel d'e-mail, l'interprétation des css ne varie pas trop pour la même version du logiciel d'e-mail.
L'e-mail peut être visualisé via un web-mail par exemple si il a une adresses e-mail Google Gmail, le destinataire du mail utilise son navigateur pour allez consulter en ligne ses e-mails.
Dans le cas du web-mail, l'interprétation des css est donc liée à plusieurs éléments : aux règles d'affichages du mail par le web-mail puis au navigateur, aussi que sa version et .
Prenons l'exemple de text-shadow qui est accepté par Google Gmail sera interprété par le navigateur Firefox mais pas par le navigateur Internet Explorer 8.
Table des références css :
Campaign monitor propose un récapitulatif des css par web-mail et logiciels.
Je vous conseille aussi de télécharger le guide complet au format pdf.
Email standards propose aussi un récapitulatif des css par web-mail et logiciels.
Autre ressource intéressante :
Popularité client de messagerie.
Premailer Results.
Responsive Email Design.
Quelques conseils :
- Ne mettre des feuilles de style que si cela est vraiment nécessaire.
- Insérez les styles directement au sein de chaque balise.
- Ne pas mettre de balise STYLE.
- Si vous mettez une balise STYLE, penser au problème d'héritage des feuilles de style des web-mail.
- Ne pas utiliser les sélecteurs.
- Ne pas mettre du CSS3.
- Ne pensez pas page web, mail email quand vous monter votre email.
Ce qu'il faut savoir avant tout, c'est que quand vous faite un e-mailing, le destinataire du mail a plusieurs façons de "lire (consulter)" son e-mails.
Le mail peut être récupéré sur l'ordinateur via un logiciel d'e-mail comme Outlook.
Dans le cas du logiciel d'e-mail, l'interprétation des css ne varie pas trop pour la même version du logiciel d'e-mail.
L'e-mail peut être visualisé via un web-mail par exemple si il a une adresses e-mail Google Gmail, le destinataire du mail utilise son navigateur pour allez consulter en ligne ses e-mails.
Dans le cas du web-mail, l'interprétation des css est donc liée à plusieurs éléments : aux règles d'affichages du mail par le web-mail puis au navigateur, aussi que sa version et .
Prenons l'exemple de text-shadow qui est accepté par Google Gmail sera interprété par le navigateur Firefox mais pas par le navigateur Internet Explorer 8.
Table des références css :
Campaign monitor propose un récapitulatif des css par web-mail et logiciels.
Je vous conseille aussi de télécharger le guide complet au format pdf.
Email standards propose aussi un récapitulatif des css par web-mail et logiciels.
Autre ressource intéressante :
Popularité client de messagerie.
Premailer Results.
Responsive Email Design.
Quelques conseils :
- Ne mettre des feuilles de style que si cela est vraiment nécessaire.
- Insérez les styles directement au sein de chaque balise.
- Ne pas mettre de balise STYLE.
- Si vous mettez une balise STYLE, penser au problème d'héritage des feuilles de style des web-mail.
- Ne pas utiliser les sélecteurs.
- Ne pas mettre du CSS3.
- Ne pensez pas page web, mail email quand vous monter votre email.
