Différences entre les versions de « Aide:Tableaux »

Le WikiHalo rappelle à ses contributeurs que toute information ajoutée doit être officielle et vérifiable. Les contributions sans sources et les théories sur Halo Infinite seront rejetées.

 
(Une version intermédiaire par un autre utilisateur non affichée)
Ligne 28 : Ligne 28 :
|}
|}
|}
|}
*Par défaut, le texte dans une cellule est aligné à gauche
*Par défaut, le texte dans une cellule est aligné à gauche.
*Pour utiliser une liste dans un tableau, il faut décaler le début de la liste sur une nouvelle ligne.


==Titres==
==Titres==
Ligne 121 : Ligne 122 :
|}
|}
*Utiliser le paramètre style à la place de align avec cette syntaxe permet de personnaliser le CSS d'une cellule unique (il faut alors que les arguments soient listés entre guillemets). Le paramètre style peut être combiné au paramètre scope pour étendre le style à toute la colonne avec la valeur <code>col</code> ou à toute la ligne avec la valeur <code>row</code>.
*Utiliser le paramètre style à la place de align avec cette syntaxe permet de personnaliser le CSS d'une cellule unique (il faut alors que les arguments soient listés entre guillemets). Le paramètre style peut être combiné au paramètre scope pour étendre le style à toute la colonne avec la valeur <code>col</code> ou à toute la ligne avec la valeur <code>row</code>.
*Changer l'alignement du tableau lui-même n'est pas souhaitable pour la compatibilité avec les navigateurs mobiles.


===Fusion de cellules===
===Fusion de cellules===
Ligne 159 : Ligne 161 :
|}
|}
*La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.
*La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.
*Il n'est pas possible qu'une cellule soit affectée à la fois par un colspan et un rowspan.


==Avancé==
==Avancé==
Ligne 174 : Ligne 175 :
| width="50%" |
| width="50%" |
{|
{|
| Cellule 1 || Cellule 2
|-
| Cellule 3 || Cellule 4
|}
|}
===Tableau centré===
{| class="wikitable" width=100%
| width=50% |
<nowiki>{| class="wikitable" style="margin-left: auto; margin-right: auto;"</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
| Cellule 1 || Cellule 2</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
| Cellule 3 || Cellule 4</nowiki><br><nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable" style="margin-left: auto; margin-right: auto;"
| Cellule 1 || Cellule 2
| Cellule 1 || Cellule 2
|-
|-

Version actuelle datée du 17 octobre 2022 à 20:28

Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : Requisition System/Listes/Communes, Halo : Escalation, Alliance Covenante#Grades.

Base[modifier]

{| class="wikitable"
|-
| Cellule 1 || Cellule 2 || Cellule 3
|-
| Cellule 4 || Cellule 5 || Cellule 6
|}
ou {| class="wikitable"
|-
| Cellule 1
| Cellule 2
| Cellule 3
|-
| Cellule 4
| Cellule 5
| Cellule 6
|}
Cellule 1 Cellule 2 Cellule 3
Cellule 4 Cellule 5 Cellule 6
  • Par défaut, le texte dans une cellule est aligné à gauche.
  • Pour utiliser une liste dans un tableau, il faut décaler le début de la liste sur une nouvelle ligne.

Titres[modifier]

Titres horizontaux
{| class="wikitable"
|-
! Titre 1 !! Titre 2
|-
| Cellule 1 || Cellule 2
|}
ou {| class="wikitable"
|-
! Titre 1
! Titre 2
|-
| Cellule 1
| Cellule 2
|}
Titre 1 Titre 2
Cellule 1 Cellule 2
Titres verticaux

{| class="wikitable"
|-
! Titre 1
| Cellule 1
|-
! Titre 2
| Cellule 2
|}

Titre 1 Cellule 1
Titre 2 Cellule 2
  • Le contenu des cellules titres est centré par défaut.

Paramètres[modifier]

Les paramètres sont des options qui s'ajoutent sur la même ligne après {| pour les paramètres relatifs au tableau entier, ou avant le contenu de la cellule, séparé par un | pour les paramètres relatifs aux cellules.

Tailles[modifier]

{| class="wikitable" width="75%"
|-
| Cellule 1 || Cellule 2
|-
| Cellule 3 || Cellule 4
|}

Cellule 1 Cellule 2
Cellule 3 Cellule 4
  • La taille du tableau est exprimée en pourcentage de son conteneur. Dans l'exemple ci-dessus, le conteneur est la case grise de droite et le tableau d'exemple fait 75 % de sa longueur. Dans la plupart des cas, le conteneur est le corps de l'article.
  • Si la taille d'un tableau est renseignée, la taille de chaque colonne peut l'être aussi. Le code suivant impose à la première colonne de prendre 75 % du tableau (représentée par Cellule 1) : | width="75%" | Cellule 1 || Cellule 2 L'indication de taille n'a besoin d'être indiquée que dans une seule des cellules de la colonne.

Alignement[modifier]

{| class="wikitable" width="75%"
|-
| align=center | Cellule 1 || Cellule 2
|-
| Cellule 3 || Cellule 4
|}

Cellule 1 Cellule 2
Cellule 3 Cellule 4
  • Utiliser le paramètre style à la place de align avec cette syntaxe permet de personnaliser le CSS d'une cellule unique (il faut alors que les arguments soient listés entre guillemets). Le paramètre style peut être combiné au paramètre scope pour étendre le style à toute la colonne avec la valeur col ou à toute la ligne avec la valeur row.
  • Changer l'alignement du tableau lui-même n'est pas souhaitable pour la compatibilité avec les navigateurs mobiles.

Fusion de cellules[modifier]

Fusion horizontale (colspan)

{| class="wikitable"
|-
| Cellule 1 || Cellule 2 || Cellule 3
|-
| colspan=2 | Cellule 5 || Cellule 6
|}

Cellule 1 Cellule 2 Cellule 3
Cellule 5 Cellule 6
Fusion verticale (rowspan)

{| class="wikitable"
|-
| Cellule 1 || Cellule 2 || rowspan=2 | Cellule 3
|-
| Cellule 5 || Cellule 6
|}

Cellule 1 Cellule 2 Cellule 3
Cellule 5 Cellule 6
  • La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.

Avancé[modifier]

Tableaux sans bordure[modifier]

{|
|-
| Cellule 1 || Cellule 2
|-
| Cellule 5 || Cellule 6
|}

Cellule 1 Cellule 2
Cellule 3 Cellule 4

Tableaux HTML[modifier]

Dans certains cas, le Wikicode ne permet pas de créer un tableau utilisable. Le HTML brut peut alors être utilisé.

Fusion verticale (rowspan)

<table style="border-collapse:collapse;">
<tr>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 1</td>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 2</td>
</tr><tr>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 3</td>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 4</td>
</table>

Cellule 1 Cellule 2
Cellule 3 Cellule 4