Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Email

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

Dernière mise à jour: juillet 10, 2017

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