TOP 5 des erreurs et astuces en CSS et HTML dans les emails
Voici le TOP 5 des erreurs que je rencontres dans les emails que je reçois.
1/ Utiliser les tableaux et non les divs pour vos design
Parce que les clients tels que Gmail et Outlook 2007 supportent mal la gestion des marges et d’espacements avec les divs, vous aurez besoin d’utiliser des tableaux dans le cadre de vos newsletters. Tandis que les tableaux imbriqués sont largement pris en charge, le traitement uniforme de la largeur, la marge et le rembourrage dans les cellules.
Pour de meilleurs résultats, gardez ceci à l’esprit lors du codage de la structure de votre table.
2/ Mettre le width dans chaque balise <td> non sur le <table>
Pourquoi le faire car lorsque vous avez des lignes blanches qui casse sur gmail il y a 4 chances sur 5 que vous avez découpée l’image sous imageready ou fire…
Lorsque vous combinez des largeurs de table, des largeurs de TD, TD et CSS padding padding dans un courriel, le résultat final est différent dans presque tous les clients e-mail. Le moyen le plus fiable est de fixer la largeur de votre table est de définir une largeur pour chaque cellule, et non pour la table elle-même.
3/ Utiliser une balise <table> contenant pour les couleurs d’arrière-plan du corps
De nombreux clients de messagerie ignore les bg de fond spécifiée dans vos CSS ou les éléments du body. Pour contourner ce problème, il faut mettre votre email complet avec une <table> de largeur 100% et donner qu’une couleur de fond.
4/ JAMAIS de CSS raccourci
Un certain nombre de clients de messagerie rejetent les CSS raccourci pour la propriété font. Par exemple, jamais coder de cette façon :
mais comme celà :
5/ Utilisez le hack pour Hotmail
Pour une raison inexplicable, Windows Live Hotmail ajoute quelques pixels de rembourrage supplémentaire en dessous dessous des images.
Une solution de contournement consiste à définir la propriété d’affichage, comme ceci.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Merci pour ses conseils.
C’est toujours bon de les rappeler.
En effet, sur hotmail certains grands annonceurs (myPix, Fnac…) continuent à envoyer des emails avec des barres blanches horizontales. Ca fait pas très pro !
Alors qu’une simple ligne de code suffit