Utilisateur:Raymond SÉNÈQUE/Article en cours : Différence entre versions

De WikiGenWeb
Aller à : navigation, rechercher
m (Centrage du tableau)
m (Centrage du tableau)
Ligne 48 : Ligne 48 :
  
 
   
 
   
===Centrage du tableau===
+
===Alignement du tableau===
 
Pour centrer le tableau horizontalement il faut utiliser la clause align du tableau.
 
Pour centrer le tableau horizontalement il faut utiliser la clause align du tableau.
 
<pre>{| class="wikitable sortable" align="center"
 
<pre>{| class="wikitable sortable" align="center"

Version du 26 février 2011 à 14:38

Flottement du tableau

Le tableau pourra être cadré horizontalement à gauche ou à droite. Pour cela on ajoutera la clause de style « Float » pour le positionner sur la droite. Par défaut, la classe wikitable indique un flottement à gauche, ce que veut dire que l'on ne gèrera que les flottements à droite.

Le texte saisi derrière un tableau viendra se positionner à gauche du tableau si on indique « right » et à droite du tableau si on indique « left » ou si la clause est absente.

Si le texte saisi doit commencer après le tableau, le modèle {{Clear}} sera utilisé avant le texte.

{| class="wikitable sortable" style="float:right;"
Titre du tableau
Titre col. A Titre col. B Titre col. C Titre col. D
Titre ligne 1 donnée L1-A donnée L1-B donnée L1-C donnée L1-D
Titre ligne 2 donnée L2-A donnée L2-B donnée L2-C donnée L2-D
Titre ligne 3 donnée L3-A donnée L3-B donnée L3-C donnée L3-D
Titre ligne 4 donnée L4-A donnée L4-B donnée L4-C donnée L4-D

Ce texte est affiché à côté du tableau

{{Clear}}

tandis que celui-ci commence après le tableau.


Alignement du tableau

Pour centrer le tableau horizontalement il faut utiliser la clause align du tableau.

{| class="wikitable sortable" align="center"
Titre du tableau
Titre col. A Titre col. B Titre col. C Titre col. D
Titre ligne 1 donnée L1-A donnée L1-B donnée L1-C donnée L1-D
Titre ligne 2 donnée L2-A donnée L2-B donnée L2-C donnée L2-D
Titre ligne 3 donnée L3-A donnée L3-B donnée L3-C donnée L3-D
Titre ligne 4 donnée L4-A donnée L4-B donnée L4-C donnée L4-D

Le texte saisi après le tableau se placera en dessous du tableau même en l'absence de la clause {{Clear}}

si on utilise la clause align=right et non le style float:right on obtiendra le même effet de positionnement.

Titre du tableau
Titre col. A Titre col. B Titre col. C Titre col. D
Titre ligne 1 donnée L1-A donnée L1-B donnée L1-C donnée L1-D
Titre ligne 2 donnée L2-A donnée L2-B donnée L2-C donnée L2-D
Titre ligne 3 donnée L3-A donnée L3-B donnée L3-C donnée L3-D
Titre ligne 4 donnée L4-A donnée L4-B donnée L4-C donnée L4-D