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.
Landing Pages

Ajouter un tableau à un élément de texte enrichi

Dernière mise à jour: novembre 10, 2020

Disponible avec :

Hub Marketing Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

Les tableaux peuvent être utiles pour organiser les listes, afficher les calendriers ou ajouter une légende dans une image. Découvrez comment ajouter un tableau à un élément de texte enrichi sur une page HubSpot, un article de blog, un e-mail ou un article de la base de connaissances.

Remarque : Les tableaux ne sont pas pris en charge dans l'éditeur d'e-mails glisser-déposer.

Ajouter ou supprimer un tableau

  • Cliquez sur n'importe quel module de texte enrichi pour ouvrir l'éditeur de contenu.
  • Dans la barre d'outils de texte enrichi, cliquez sur le menu déroulant Insérer et passez le curseur de votre souris sur l'option Tableau
  • Sélectionnez le nombre de colonnes et de lignes de votre tableau sur la grille, puis cliquez pour insérer le tableau dans votre contenu.
  • Pour développer la hauteur ou la largeur de votre tableau, cliquez sur les angles bleus et faites-les glisser.
  • Ajoutez du contenu à n'importe quelle cellule du tableau. Les images seront redimensionnées en fonction de la cellule sélectionnée. 
  • Pour ajuster la taille d'une ligne ou d'une colonne, cliquez sur un bord et faites-le glisser.
  • Pour supprimer un tableau de votre contenu, cliquez sur ce tableau et sélectionnez Supprimer.

insert-table

Modifier votre tableau

Vous pouvez modifier les propriétés de l'ensemble de votre tableau entier, ou modifier certaines cellules en les surlignant avec le curseur de votre souris. Pour modifier votre tableau :

  • Cliquez sur le tableau et sélectionnez Modifier.
  • Dans l'onglet Format, vous pouvez :
    • insérer une nouvelle ligne ou colonne dans une cellule ; 
    • supprimer une ligne ou une colonne sélectionnée dans votre tableau ;
    • fusionner deux ou plus de cellules sélectionnées dans votre tableau ;
    • scinder les cellules précédemment fusionnées.
  • Cliquez sur l'onglet Style pour modifier les couleurs, les bordures et l'espacement de votre tableau. Pour accéder à toutes les options de style disponibles pour votre tableau, cliquez sur Avancé.
    1. Mise en page : sélectionnez la façon dont votre tableau s'aligne avec d'autres contenus dans votre élément de texte enrichi. 
    2. Bordure : personnalisez le style de la bordure du tableau :
      • Couleur : cliquez sur le cercle de couleur pour sélectionner une image avec le sélecteur de couleurs. Pour saisir une valeur hex spécifique, cliquez sur l'onglet Avancé.
      • Largeur : largeur de la bordure qui entoure les cellules sélectionnées.
      • Style : sélectionnez un style pour la bordure de votre tableau (points, tirets, etc.).
    3. Dimensions : personnalisez la taille de votre tableau.
      • Largeur : définissez la largeur exacte des cellules sélectionnées.
      • Hauteur : définissez la hauteur exacte des cellules sélectionnées.
      • Remplissage de cellule : ajustez l'espacement autour des cellules sélectionnées.
    4.  Légende du tableau : ajoutez une légende au-dessus de votre tableau.
    5. Adaptabilité : cliquez pour activer le bouton Adaptabilité et permettre le défilement horizontal. Ainsi, votre contenu ne dépassera pas sur un écran plus petit.
    6. CSS : modifiez le code source des styles appliqués à votre tableau.
    7.  
  •  
  •  

Remarque : Toute mise à jour du code dans le champ CSS nécessite une compréhension basique du code HTML.

table-style

Copier et coller un tableau d'une feuille de calcul

Vous pouvez également copier et coller un tableau d'une feuille de calcul dans l'éditeur. Toutefois, avec cette méthode, il est possible qu'une espace supplémentaire apparaisse dans les lignes et les colonnes du tableau. Pour supprimer cette espace, consultez le code source de l'éditeur et assurez-vous que le remplissage et l'espacement des cellules de votre tableau soient définis à 0. 

source-code-cellspacing