Dernière mise à jour: 9 octobre 2025
Disponible avec le ou les abonnements suivants, sauf mention contraire :
-
Marketing Hub
Pro, Enterprise
Si vous avez créé un e-mail marketing codé personnalisé, vous remarquerez peut-être des différences dans l'affichage de votre e-mail dans Outlook, telles que des problèmes de positionnement ou d'espacement.
Résoudre les problèmes d’espacement
Il existe deux méthodes pour ajuster l'espacement autour des images dans Outlook : en utilisant l'espace hspace ou vspace et en utilisant des tableaux.
Utiliser hspace et vspace
L’attribut HTML vspace définit l’espace vertical et ajoutera un espacement égal en haut et en bas de votre image. L’attribut hspace définit l’espace horizontal et ajoutera un espacement égal à droite et à gauche de votre image.
- Depuis votre compte HubSpot, accédez à Marketing > E-mail.
- Cliquez sur le nom du brouillon de l’e-mail à l’aide d’un modèle codé personnalisé.
- Dans l’éditeur d’e-mails, cliquez sur le module que vous souhaitez modifier.
- Dans la barre d'outils texte riche, cliquez sur le menu déroulant Avancé et sélectionnez Code source.
- Dans la boîte de dialogue, ajoutez
hspace="10" vspace="10"à la fin du code de l’image. Remplacez10par l’espacement souhaité.
Utiliser des tableaux
Vous pouvez utiliser un tableau à 3 colonnes pour contenir uniformément votre image, l’espacement et le texte.
- Depuis votre compte HubSpot, accédez à Marketing > E-mail.
- Cliquez sur le nom du brouillon de l’e-mail à l’aide d’un modèle codé personnalisé.
- Dans l’éditeur d’e-mails, cliquez sur le module que vous souhaitez modifier.
- Dans la barre d’outils de texte enrichi, cliquez sur le menu déroulant Insérer et sélectionnez Tableau, puis créez un tableau 3x1.
-
Dans la barre d’outils de l’éditeur de texte enrichi, cliquez sur le menu déroulant Avancé et sélectionnez Code source.
- Dans la boîte de dialogue, ajoutez une largeur pour la cellule vide, par exemple
<td width="10">, pour définir l’espace entre l’image et le texte. - Définissez une famille, une taille et une couleur de police ainsi que la hauteur de ligne, car Outlook ajoutera son propre style à tout élément non spécifié.
Résoudre les problèmes liés aux lignes horizontales inattendues
En raison d’un problème connu dans certaines versions d’Outlook, une ligne horizontale peut apparaître entre les sections de votre e-mail. Si cela se produit, essayez les étapes suivantes :- La couleur d'arrière-plan de votre E-mail doit être la même que celle du corps de l'E-mail.
- Mettez à jour la taille de la police et la hauteur de ligne de votre contenu pour qu’elle corresponde à des nombres pairs.
- Ajoutez les styles CSS suivants à l’en-tête de votre modèle d’e-mail :
ms-text-size-adjust: none; mso-line-height-rule: exactly;
