[Chapitre : Solutions]
Les images intégrées dans une campagne restent séparées par un espace blanc

J’ai bien effectué ma mise en page, le rendu sous un navigateur est bon, mais lorsque j’effectue un test dans un webmail les images sont séparées par un cadre blanc

Explication

Votre message ressemble à cela :

Erreur_espace_blanc

Le doctype du webmail prend le pas sur celui du message.

Une majeure partie des webmails commencent à utiliser celui-ci : <!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd« >

Cela a pour effet de forcer la mise en page en CSS, ce qui n’est pas toujours compatible avec le code des messages.

Changer le code css d’une campagne pour résoudre cette incomptibilité

Sur chaque image de votre campagne, intégrer ce code dans chaque balise img : style="display:block".

Comme ceci :

Initialement : <img src="image.jpg" width="100" height="100" alt="mon image">

Modifié : <img style="display:block" src="image.jpg" width="100" height="100" alt="mon image">

Le rendu sous webmail est maintenant comme ceci :

Erreur_espace_blanc_resolu

Laisser un commentaire?

You must be logged in to post a comment.