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.

(Page créée avec « Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : REQ System/Liste, Halo : Escalation, Sangheili#Grades.... »)
 
 
(5 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : [[REQ System/Liste]], [[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 31 : 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==
{| 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 42 :
|-</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 50 :
| 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 58 :
|}
|}
|}
|}
{| 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 103 :
|}
|}
*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 121 :
|}
|}
|}
|}
*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 139 : 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é==
<toggledisplay showtext="[Voir]" hidetext="[Masquer]">
{{Collapse|showtext=Voir|hidetext=Masquer}}
===Tableaux sans bordure===
===Tableaux sans bordure===
{| class="wikitable" width=100%
{| class="wikitable" width=100%
Ligne 187 : Ligne 207 :
|}
|}


</toggledisplay>
{{Collapse-end}}
 
 
{{Modèle:Aide}}

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