Email

Pourquoi les marges et l'habillage de mon image ne sont-ils pas pris en compte dans Outlook ?

Dernière mise à jour: July 10, 2017

Disponible avec :

Outlook n'est pas compatible avec toutes les propriétés CSS, notamment les marges et l'habillage, lorsque celles-ci sont appliquées à certains éléments comme les balises et

. Voici la liste complète des propriétés CSS compatibles par client de messagerie. Les marges créées dans les modules RTF des e-mails fonctionnent dans les principaux clients de messagerie, à l'exception d'Outlook.

Pour définir l'espacement autour d'une image, vous devez accéder au code source de chaque module RTF correspondant de votre e-mail. Bien que toutes ces méthodes permettent d'avoir un espace entre vos images et votre texte dans Outlook, gardez à l'esprit que rien ne peut vraiment remplacer les marges et que le résultat est chaque fois légèrement différent, selon la méthode utilisée.

Remarque : ces méthodes nécessitent d'avoir des connaissances de base en HTML.

  • Accédez à Contenu > E-mail, puis cliquez sur l'intitulé de votre e-mail.
  • Cliquez sur le module RTF qui inclut l'image à modifier, puis sur l'icône Code source.
Image ajoutée par l'utilisateur
Image ajoutée par l'utilisateur

Méthode 1 : hspace ou vspace

  • À la fin du code correspondant à l'image, ajoutez l'une des mentions suivantes (ou les deux) : hspace="10" vspace="10" en remplaçant le chiffre 10 par l'espacement désiré. Plus le chiffre est élevé, plus l'espace est grand.
Image ajoutée par l'utilisateur
hspace définit l'espace horizontal à gauche et à droite de l'image.
  • vspace définit l'espace vertical en bas et en haut de l'image.
  • hspace définit l'espace horizontal à gauche et à droite de l'image.

Méthode 2 : tableau

  • Créez un tableau composé de 3 colonnes (une colonne pour l'image, une pour l'espacement et une dernière pour du texte). Pour ce faire, cliquez sur Tableau > Insérer un tableau dans l'éditeur RTM de votre messagerie.
Image ajoutée par l'utilisateur
Image ajoutée par l'utilisateur
  • Dans le code source du tableau, spécifiez une largeur dans la cellule vide ( correspondant à l'espacement désiré entre l'image et le texte.
  • Dans le code source du tableau, spécifiez une famille de polices, une taille de police, ainsi que la couleur du texte et la hauteur de ligne (style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000"). Si vous ne le faites pas, Outlook génèrera son propre style.
  • Vous pouvez également combiner l'utilisation du tableau et celle des propriétés hspace/vspace.
Image ajoutée par l'utilisateur
Image ajoutée par l'utilisateur