« Aide:Tableau » : différence entre les versions

Contenu supprimé Contenu ajouté
m Robot : Remplacement de texte automatisé (-qu'il +qu’il)
m Robot : Remplacement de texte automatisé (-d'une +d’une)
Ligne 126 :
Cette deuxième disposition impose qu'entre deux cellules apparaissent deux traits verticaux '''||''' car un seul trait sera interpreté différemment par le logiciel.
 
Comme le tableau lui-même, chaque cellule d'un tableau peut contenir des paramètres propres. Pour cela, le contenu d'uned’une cellule sera précédé des paramètres de la façon suivante :
<source lang="text">
|''paramètres''|cellule1
Ligne 704 :
 
=== L’alignement du tableau : align et valign ===
Jusqu'à présent, tous nos tableaux étaient positionnés à gauche et le contenu de chacune des cellules était également positionné à gauche. Nous allons maintenant voir comment positionner aussi bien le tableau que le contenu des cellules. Un tableau ne peut-être aligné que suivant l’axe horizontal, c'est-à-dire à gauche, à droite ou au milieu. Alors que pour le contenu d'uned’une cellule, on peut aussi décider de le positionner en haut, en bas ou au milieu de la cellule.
 
Pour l’alignement horizontal, il faut utiliser le paramètre <code>align</code> alors que pour l’alignement vertical, il faut utiliser <code>valign</code> :
Ligne 863 :
 
=== L’espacement entre et dans les cellules : cellspacing et cellpadding ===
Il est possible de changer l’espacement entre les cellules du tableau grâce au paramètre <code>cellspacing</code>. Et il est possible de spécifier l’espacement entre le bord d'uned’une cellule et son contenu grâce au paramètre <code>cellpadding</code>. Leur utilisation est la suivante :
<source lang="text">
cellspacing="x"
Ligne 1 014 :
Grâce aux paramètres <code>width</code> et <code>height</code>, on peut spécifier la largeur et la hauteur aussi bien du tableau en lui-même que pour chacune des cellules du tableau. Lorsque l’on précise la taille, on peut préciser une valeur absolue en pixels ou bien ou peut également préciser une taille en pourcentage. Dans les deux cas, cela représente une taille minimale, cependant si le contenu du tableau est trop gros, ce tableau adaptera sa taille au contenu.
 
Le premier exemple montre l’utilisation d'uned’une taille fixe. Le premier cas utilise une largeur de 10 pixels, cependant la largeur du contenu du tableau étant plus grande, il s'adapte donc à cette taille. Le second cas utilise une taille de 100 pixels ; ici nous n'avons pas de problème car 100 pixels est bien plus grand que la largeur occupée par le contenu du tableau, celui-ci a donc bien une largeur de 100 pixels. Et enfin le troisième exemple utilise une largeur de 200 pixels.
 
{| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
Ligne 1 079 :
 
 
Voyons maintenant l’utilisation d'uned’une taille proportionnelle. Dans le premier cas, on impose au tableau d'occuper un maximum de 33% de la largeur disponible. Dans le deuxième, puis le troisième cas, le tableau doit respectivement occuper un maximum de 50%, puis de 100%, de l’espace disponible.
 
{| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
Ligne 1 216 :
 
=== Couleur de fond : bgcolor ===
Il est possible de changer la couleur de fond d'uned’une cellule. Pour cela, il faut utiliser le paramètre <code>bgcolor</code> de la façon suivante :
 
bgcolor="#''hex''"