Wgw
5 307
modifications
Modifications
m
→Alignement horizontal et vertical
Un exemple de positionnement d'un tableau :
{| class="wikitable-center"
|- ! scope=col style="background:#E0E0FF; width:33%" | Résultat affiché ! scope=col style="background:#E0E0FF; width:33%" | Codage Wiki ! scope=col style="background:#E0E0FF; width:33%" | Codage HTML
|-
|
|
<pre>
<table class="wikitable-left"
<tr>
<td>à gauche</td>
</tr>
</table>
<table class="wikitable-center"
<tr>
<td>au centre</td>
</tr>
</table>
<table class="wikitable-right"
<tr>
<td>à droite</td>
</tr>
</table>
|}
Les trois positions sont à gauche, au milieu et à droite :
{| border="0" alignclass="wikitable-center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"|- ! scope=col style="background:#E0E0FF"! scope=col ; width=":33%" | Résultat affiché! scope=col width style="background:#E0E0FF; width:33%" | Codage Wiki! scope=col width style="background:#E0E0FF; width:33%" | Codage HTML
|-
|
<table class="wikitable-center"
<tr>
<td>Positionnement</td>
</tr>
<tr>
<td style="align:left">g</td>
</tr>
<tr>
<td style="align:center">c</td>
</tr>
<tr>
<td style="align:right">r</td>
</tr>
</table>
|}
Pour chacune des cellules, il est également possible de positionner le contenu verticalement. Dans l'exemple qui suit, il y a une cellule (celle de gauche) avec une [[#width et height|taille]] de 150 pixels.
{| border="0" alignclass="wikitable-center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"|- ! scope=col style="background:#E0E0FF"! scope=col ; width=":33%" | Résultat affiché! scope=col width style="background:#E0E0FF; width:33%" | Codage Wiki! scope=col width style="background:#E0E0FF; width:33%" | Codage HTML
|-
|
<table class="wikitable-center"
<tr>
<td style="height:150px">Position</td> <td style="vertical-align:top">haut</td> <td style="vertical-align:middle">milieu</td> <td style="vertical-align:bottom">bas</td>
</tr>
</table>
