28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Mon template mail multisupports qui fonctionnait très bien il y a peu (smartphones apple+android, desktops, gmail + Yahoo! + Outlook.com + orange) provoque des marges au-dessus et au-dessous des images depuis quelques jours sur ma version desktop d'Outlook.com.
Or j'encode chaque <img> en display:block afin de ne pas avoir ce comportement sur outlook...

Il semblerait qu'outlook s'amuse à ajouter des divs en display:inline-block autour de mes images, ce qui crée effectivement des marges sur ce webmail décidément bien crispant Smiley sweatdrop

... Quelqu'un a-t-il rencontré le même problème dernièrement ???
Modifié par alsacremations (29 Mar 2017 - 16:33)
Modérateur
Hello,
Tu as du code à poster pour que l'on puisse se faire une idée stp ?
Salut Yordi,
En fait je n'ai pas l'impression que mon code soit en cause (a priori ça marchait il y a encore 15 jours) donc je n'ai pas l'intention de vous embrouiller avec, juste que j'ai l'impression qu'il y a un truc louche sur outlook depuis peu et je me demandais si j'étais le seul dans ce cas... ?

Sur outlook les images apparaissent bien au lancement du mail puis une seconde + tard les marges apparaissent Smiley ohwell
Modérateur
En allant chercher chez le gourou francophone de l'e-mailing (hteumeuleu), j'ai trouvé un tweet à ce propos

En survolant l'article, ça a l'air de coller à tes symptômes Smiley smile
Modifié par Yordi (29 Mar 2017 - 17:05)
Meilleure solution
Raaah un immense merci Yordi Smiley smile ))
Idem pour monsieur HTeuMeuLeu et son tweet salvateur Smiley lol

( Smiley biggol et la bonne blague ultime dans cette affaire c'est que je venais de retirer plein de liens pour en avoir moins, comme me le demandait smartfocus !)

Encore merci Smiley cligne

ps : en bref, ainsi que le recommandent HTeuMeuLeu et l'article du blog de Litmus, il faut mettre des liens sur chaque image pour ne pas avoir ce bug, ingénieuse petite nouveauté merdique d'outlook depuis peu.
Modifié par alsacremations (29 Mar 2017 - 17:45)