Comment insérer un tableau
A propos des tableaux
Les icones de la deuxième barre servent principalement à intégrer et modifier des tableaux. Les tableaux sont utiles si vous souhaitez aligner (dans la hauteur ou dans la largeur) plusieurs éléments sur une page ou tout simplement pour afficher des données tabulaires , comme un tarif par exemple. Il ne faut toute fois pas abuser des tableaux : ils alourdissent le code de votre page. La mise en page de votre site doit être basée principalement sur le CSS.
Créer un tableau
Le premier icone sert à créer un tableau. Les suivants servent à modifier les propriétés d'un tableau créé. Ils ne sont donc pas accessibles, tant qu'il n'y a pas de tableaux sur votre page. Lorsque vous créez un tableau vous devez spécifier au moins le nombre de lignes et de colonnes.
1) Cliquer sur le bouton "insérer un tableau" de l'éditeur de texte:
L'icone "insérer un tableau"
2) Choisir le nombre de lignes et de colonnes désirées (2 et 2 dans l'exemple ci-après). Les autres éléments sont facultatifs. Les champs "espacement" permettent de ne pas coller le contenu au bord la cellule ou ne pas coller les cellules entre elles ( l'unité est le pixel). Vous pouvez spécifier la taille du tableau mais ce n'est pas spécialement recommandé: le tableau va s'adapter par défaut au contenu
Attributs du tableau
3) Cliquer sur Insérer. Le tableau est inséré dans l'éditeur de texte.
Le tableau est créé dans l'éditeur de texte
4) Vous pouvez alors inclure des images, du texte ou d'autres éléments dans chacune des cellules.
Insertion de 4 images dans un tableau
Une fois le contenu inséré, cliquez sur mettre à jour pour constater le résultat directement sur votre site.
les 4 photos sont bien alignées
Attention
Un tableau va aligner des éléments entre eux et adapter sa taille au contenu que vous y mettrez. Dans l'exemple ci-dessus les photos ont à la base le même format ce qui permet un alignement harmonieux.
Si vous insérez des éléments qui n'ont pas la même taille ou le même format, cela risque de déséquilibrer votre page. Ci dessous le même tableau avec d'autres éléments. Les photos n'ont pas toutes la même taille et le texte saisi dans la 3ème cellule est trop long par rapport à la hauteur de la dernière photo.
un tableau mal fait
Nous vous conseillons de mettre des éléments cohérents dans vos tableaux. Faites particulièrement attention à la taille des images ou des vidéos que vous souhaitez mettre. Si votre thème graphique a une largeur de 800 pixels et que vous alignez 2 photos de 600 pixels de large chacune, le tableau va sortir du cadre défini par votre site.
Modifier les attributs du tableau
Une fois le tableau créé vous allez peut être avoir besoin de le modifier, ajouter des lignes, supprimer des colonnes, choisir un type d'alignement pour le contenu des cellules ....
En sélectionnant un tableau dans l'éditeur de texte, on active l'accès aux 11 boutons qui permettent de gérer les attributs du tableau.
les icones "tableaux" dans la barre d'icône du bas
- insérer/modifier un tableau: pour modifier les propriétés du tableau (par exemple choisir un alignement centré)
- propriétés de la ligne : pour modifier les propriétés du contenu de la ligne
- propriétés de la cellule: pour modifier les propriétés du contenu de la cellule
- insérer une ligne avant
- insérer une ligne après
- supprimer la ligne
- insérer une colonne avant
- insérer une colonne après
- supprimer la colonne
- scinder les cellules fusionnées
- fusionner les cellules
Pour supprimer un tableau, utilisez l'icone de suppression de lignes ou de colonnes
