- ViGlob

Créez un tableau dans l’éditeur de texte pour organiser des images et des textes. Cet exemple présente une équipe dans un tableau de quatre colonnes et trois lignes.

Exemple de présentation avec des images et du texte dans un tableau — Organisez les photos et les textes dans une présentation structurée.

1. Insérer un tableau

Dans l’administration, ouvrez l’éditeur de texte de la page concernée.
Ajoutez un titre au-dessus du tableau, si nécessaire.
Placez le curseur à l’endroit où le tableau doit apparaître.
Cliquez sur Insérer un nouveau tableau.

Commande Insérer un nouveau tableau dans l’éditeur — Placez le curseur, puis ouvrez l’outil de création de tableau.

Configurer la structure

Pour reproduire cet exemple, indiquez :

Colonnes : 4.
Lignes : 3.
Largeur : 80 %.
Hauteur : laissez le champ vide.
Classe : sélectionnez responsive_table.

Cliquez sur Insérer.

Configuration des colonnes, des lignes, de la largeur et de la classe du tableau — Définissez la structure et appliquez la classe adaptative.

2. Ajuster l’alignement et les colonnes

Dans les propriétés du tableau, choisissez l’alignement Centre si vous souhaitez le centrer.

Dans cet exemple, les première et troisième colonnes contiennent des photos. Les deuxième et quatrième colonnes contiennent du texte.

Définir la largeur des cellules

Placez le curseur dans la première cellule de la première ligne.
Ouvrez Propriétés de la cellule.
Renseignez sa largeur en pourcentage.
Répétez l’opération pour les autres cellules de la première ligne.

Accès aux propriétés d’une cellule — Ouvrez les propriétés des cellules pour ajuster les proportions.

Utilisez les largeurs suivantes :

Première colonne : 20 % pour la photo.
Deuxième colonne : 30 % pour le texte.
Troisième colonne : 20 % pour la photo.
Quatrième colonne : 30 % pour le texte.

Le total correspond à 100 % de la largeur du tableau.

Réglage de la largeur des cellules en pourcentage — Répartissez la largeur entre les photos et les textes.

3. Insérer les images

Placez le curseur dans une cellule destinée à une photo.
Cliquez sur Insérer une image.
Sélectionnez ou téléversez l’image souhaitée.

Insertion d’une image dans une cellule du tableau — Ajoutez chaque photo dans la cellule prévue.

Adapter l’image à la cellule

Dans l’onglet Apparence :

Remplacez la largeur en pixels par 100 %.
Laissez la hauteur vide.
Activez Conserver les proportions.
Sélectionnez la classe responsive_img, si elle est proposée.
Cliquez sur Insérer.

Largeur, proportions et classe de présentation de l’image — Adaptez l’image à sa cellule tout en conservant ses proportions.

Répétez ces étapes pour les autres photos. Si les classes adaptatives ne sont pas disponibles, faites vérifier leur configuration par votre administrateur ou le support.

4. Compléter les textes

Saisissez les textes dans les cellules correspondantes, puis complétez les autres lignes avec les images et les informations souhaitées.

Ajout des textes à côté des photos — Complétez chaque présentation avec son texte.

Tableau complété avec les images et les textes — Vérifiez l’organisation de l’ensemble du contenu.

5. Ajuster les espacements

Dans les propriétés du tableau, ajustez les espacements pour aérer la présentation :

Espacement dans les cellules : espace entre le contenu et les bords de chaque cellule.
Espacement entre les cellules : espace séparant les cellules du tableau.

Vous pouvez utiliser l’un de ces réglages ou les deux.

Paramètres d’espacement dans les cellules et entre les cellules — Ajustez les espacements selon le résultat souhaité.

6. Enregistrer et vérifier

Enregistrez le contenu de la page et publiez-le si nécessaire.
Ouvrez la page sur votre site.
Vérifiez les proportions des colonnes, les images et les espacements.
Consultez la page sur un téléphone pour confirmer que le contenu reste lisible et correctement organisé.

Créer et modifier un tableau dans l’éditeur de texte