Quelques règles d’intégration pour une newsletter passe partout

Lorsqu’on intègre un site internet, il faut être compatible multi-navigateurs. Et bien, les newsletters n’échappent pas à la règle, avec les logiciels de messagerie (webmails et autres).

Voici quelques règles simples d’intégration qui vont rendre un affichage correct sur beaucoup de logiciels de messagerie :

  • mettre les styles inline dans le html, pas de css en feuille de styles externe
  • faire un reset des margin, padding :

  • intégrer avec des tableaux, sous la forme :

  • utiliser des largeurs fixes en pixels pour vos largeurs de tableaux
  • ne pas hésiter à redéfinir des tableaux dans des tableaux ou à utiliser des colspan / rowspan
  • répéter les styles pour les éléments les plus « fins » : pour chaque balise <p>, redéfinir la taille, la police, la couleur, les marges pour éviter que le logiciel de messagerie ne surcharge les styles :

  • pour les images, insérer bien un chemin absolu et non relatif, spécifier les attributs height et width (si jamais les images ne s’affichent pas par défaut dans le mail, ça permet de prendre juste la place nécessaire) et un petit attribut « alt= » n’est jamais de refus 😉

Evidemment, cette liste n’est pas exhaustive !

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.