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.

Ligne 1 : Ligne 1 :
Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : [[Requisition System/Listes/Communes]], [[Halo : Escalation]], [[Sangheili#Grades]].
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==
==Base==
{| class="wikitable" width=100%
{| class="wikitable" width=100%
| width=50% |
| width=50% |
<table><tr><td>
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
Ligne 10 : Ligne 10 :
|-</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
| Cellule 4 || Cellule 5 || Cellule 6</nowiki><br><nowiki>
| Cellule 4 || Cellule 5 || Cellule 6</nowiki><br><nowiki>
|}</nowiki>
|}</nowiki></td><td style="padding:20px">'''ou'''</td><td>
 
'''ou'''
 
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
Ligne 23 : Ligne 20 :
| Cellule 5</nowiki><br><nowiki>
| Cellule 5</nowiki><br><nowiki>
| Cellule 6</nowiki><br><nowiki>
| Cellule 6</nowiki><br><nowiki>
|}</nowiki>
|}</nowiki></td></tr></table>
| width="50%" |
| width="50%" |
{| class="wikitable"
{| class="wikitable"
Ligne 32 : Ligne 29 :
|}
|}
*Par défaut, le texte dans une cellule est aligné à gauche
*Par défaut, le texte dans une cellule est aligné à gauche


==Titres==
==Titres==
{| class="wikitable" width=100%
{| class="wikitable" width=100%
! colspan=2 | Titres horizontaux
|-
| width=50% |
| width=50% |
<table><tr><td>
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
Ligne 42 : Ligne 41 :
|-</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
| Cellule 1 || Cellule 2</nowiki><br><nowiki>
| Cellule 1 || Cellule 2</nowiki><br><nowiki>
|}</nowiki>
|}</nowiki></td><td style="padding:20px">'''ou'''</td><td>
 
'''ou'''
 
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
Ligne 53 : Ligne 49 :
| Cellule 1</nowiki><br><nowiki>
| Cellule 1</nowiki><br><nowiki>
| Cellule 2</nowiki><br><nowiki>
| Cellule 2</nowiki><br><nowiki>
|}</nowiki>
|}</nowiki></td></tr></table>
| width="50%" |
| width="50%" |
{| class="wikitable"
{| class="wikitable"
Ligne 61 : Ligne 57 :
|}
|}
|}
|}
{| class="wikitable" width=100%
! colspan=2 | Titres verticaux
|-
| width=50% |
<nowiki>{| class="wikitable"</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
! Titre 1</nowiki><br><nowiki>
| Cellule 1</nowiki><br><nowiki>
|-</nowiki><br><nowiki>
! Titre 2</nowiki><br><nowiki>
| Cellule 2</nowiki><br><nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable"
! Titre 1
| Cellule 1
|-
! Titre 2
| Cellule 2
|}
|}
*Le contenu des cellules titres est centré par défaut.
*Le contenu des cellules titres est centré par défaut.


Ligne 83 : Ligne 102 :
|}
|}
*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.
*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) : <span style="background-color:lightgrey;"><nowiki>| width="75%" | Cellule 1 || Cellule 2</nowiki></span> L'indication de taille n'a besoin d'être indiquée que dans une seule des cellules de la colonne.
*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) : <code>| width="75%" | Cellule 1 || Cellule 2</code> L'indication de taille n'a besoin d'être indiquée que dans une seule des cellules de la colonne.


===Alignement===
===Alignement===
Ligne 101 : Ligne 120 :
|}
|}
|}
|}
*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>.


===Fusion de cellules===
===Fusion de cellules===
Ligne 140 : Ligne 160 :
*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.
*Il n'est pas possible qu'une cellule soit affectée à la fois par un colspan et un rowspan.


==Avancé==
==Avancé==
Ligne 155 : Ligne 174 :
| 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 du 2 janvier 2021 à 16:31

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

{| 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

Titres

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

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

{| 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

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

Fusion de cellules

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.
  • Il n'est pas possible qu'une cellule soit affectée à la fois par un colspan et un rowspan.

Avancé

Tableaux sans bordure

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

Cellule 1 Cellule 2
Cellule 3 Cellule 4

Tableau centré

{| class="wikitable" style="margin-left: auto; margin-right: auto;"
|-
| Cellule 1 || Cellule 2
|-
| Cellule 3 || Cellule 4
|}

Cellule 1 Cellule 2
Cellule 3 Cellule 4

Tableaux HTML

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