Astuce Emailing HTML : Fixer la hauteur des cellules dans Outlook 2013

Newsletter Man

Voici une astuce pour le code HTML à retenir pour votre prochaine campagne emailing : Outlook 2013 ne respecte pas la hauteur des cellules de tableaux vides ou remplies avec des images de faible hauteur.

En effet, lorsque vous insérez une image de 15 pixels de haut dans une cellule sans hauteur définie, cette dernière mesurera à réception dans Outlook 2013 18 pixels de haut ! Ce bug crée alors un petit décalage dans la mise en page du contenu.

La solution : il est nécessaire d’ajouter la propriété CSS line-height dans la balise <td> pour spécifier la hauteur de la cellule.

1

 

Concrètement, voici ce que l’on observe :

4

Ce bug ressemble à celui de Gmail quand on ne précise pas le style display:block sur les images.

Mots recherchés pour arriver sur cette page :

  • HTML hauteur cellule
Total
0
Shares
Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Previous Post

Une stratégie email-to-store gagnante

Next Post

Emailing: le Responsive Design, un virage à ne pas râter

Related Posts