Quelques trucs & astuces HTML & CSS à connaître pour créer des corps de mail qui s’affichent correctement sur le client mail Microsoft Outlook (2007, 2010 et 2013).
Outlook ajoute 1 pixel d’espace entre le contenu de la cellule et le bord de la cellule.
Si vous ajoutez une couleur de fond dans vos cellules de tableau, Outlook ajoute un bord de 1px aux balises <td>. Pour fixer cela il vous suffit d’utiliser la balise style comme suit:
table td { border-collapse: collapse; }
Ou d’utiliser le balisage CSS IN-LINE comme suit:<td style=”border-collapse: collapse;”>… </td>
Outlook ignore vos balises style dans les liens
Style IN-LINE ignoré si la balise <a/> ne contient pas de href – Outlook 2007 & 2010. Exemple:
Outlook ignore les marges et le padding sur les images
Tenter d’utiliser les balise hspace et vspace:
<img src="URL image" align="left"vspace="10" hspace="10" />
Laisser un commentaire