---
title: Les e-mails marketing sont différents dans Outlook
description: Chaque client de messagerie (Outlook, par exemple) affiche les e-mails selon ses propres normes CSS/HTML. Si votre e-mail semble différent dans Outlook, il y a quelques mesures que vous pouvez prendre pour améliorer le positionnement et l’espacement.
---

<https://knowledgeqa.hs-sites.com/fr>

# [Les e-mails marketing sont différents dans Outlook](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/email/why-do-emails-look-different-in-outlook)

 Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 4 Jun 2019 à 12:21:11

Les modèles d’e-mails HubSpot [et les e-mails](https://knowledge.hubspot.com/articles/kcs_article/cms-general/create-page-email-and-blog-templates-in-the-layout-editor#create-a-new-template) créés à l’aide de l’éditeur[ glisser-déposer](https://knowledge.hubspot.com/articles/kcs_article/email/create-marketing-emails-in-the-drag-and-drop-email-editor) sont conçus pour être cohérents et adaptés aux besoins des clients de messagerie courants. Vous pouvez [également prévisualiser votre e-mail sur les clients de messagerie](https://help.hubspot.com/articles/KCS_Article/Can-I-preview-my-email-across-different-clients). Étant donné que Outlook offre [une prise en charge limitée des CSS](https://www.campaignmonitor.com/css/link-element/link-in-head/), vous pouvez voir des différences dans le rendu de vos e-mails dans Outlook. Si vous remarquez que l’emplacement de l’e-mail ou l’espacement ne s’affichent pas dans Outlook, vous pouvez prendre certaines mesures pour le corriger. 

**Remarque :** Le support HubSpot ne prend pas en charge les modèles d’e-mails dont le code a été personnalisé. Si vous utilisez un modèle codé personnalisé, contactez le fournisseur qui a créé le modèle. Vous pouvez également vous connecter avec d’autres utilisateurs et concepteurs HubSpot sur la [Communauté](https://community.hubspot.fr/t5/Content-Design-Questions/bd-p/designers_support?__hstc=20629287.c1fa564942af5fe59162e00654ce93bc.1560798670862.1560798670863.1560798670863.1&__hssc=20629287.1.1560798670863&__hsfp=425581762).

## Centrage des images

Si l’image n’est pas centrée dans Outlook, vous pouvez ajuster le code HTML dans le code [source du module](https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/how-to-use-the-rich-text-module).

- Depuis votre compte HubSpot, accédez à **Marketing** > **E-mails**.
- Cliquez sur le **nom** de l’e-mail.
- Dans le module de texte enrichi comportant votre image, cliquez sur **  l’icône du code source** code**.**
- Trouvez le code de l’image que vous voulez centrer et qui commence par .
- Ajouter ** **ou**
  
  
  
  ** des balises autour du code. Par exemple :

```

  
   
  
```

```

```

## 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.

### **Utilisation de hspace et vspace**

L’attribut HTML *vspace* définit l’espace vertical et ajoute un espacement égal en haut et en bas de votre image. L’attribut *hspace* définit l’espace horizontal et ajoute un espacement égal à droite et à gauche de votre image.

- Depuis votre compte HubSpot, accédez à **Marketing** > **E-mails**.

- Cliquez sur le **nom** de l’e-mail.
- Cliquez sur le module de contenu, puis cliquez sur **l’icône du code source** code.

- À la fin du code de l’image, ajoutez l’un ou l’autre ou les deux codes suivants : **hspace= « 10 », **vspace= « 10 »,** **en remplaçant 10 par l’espace souhaité.

### **Utilisation des tableaux**

Créez un tableau de 3 colonnes pour contenir votre image, espacement et texte.

- Depuis votre compte HubSpot, accédez à **Marketing** > **E-mails**.

- Cliquez sur le **nom** de l’e-mail.

- Dans l’éditeur de texte enrichi, cliquez sur **Tableau** > **Insérer un tableau**. Créez un tableau de 3 x 1.
- Cliquez **sur l’icône code source** code.
- Spécifiez une largeur dans la cellule vide, par exemple, pour l’espacement souhaité entre l’image et le texte.
- Spécifiez une famille de polices, une taille de police, une couleur de police et une hauteur de ligne telle que 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.

En savoir plus sur la conception des e-mails sur notre [Communauté de designers](https://community.hubspot.com/t5/CMS-Development/bd-p/designers_support). 

[Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/email/why-do-emails-look-different-in-outlook)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpot Support"
  },
  "dateModified" : "2020-06-04T13:24:09.871Z",
  "datePublished" : "2019-06-04T12:21:11Z",
  "headline" : "Les e-mails marketing sont différents dans Outlook",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/email/why-do-emails-look-different-in-outlook",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "FR | Knowledge Quick Answers"
  }
}
```