|
|
Alignement pour une table
|
|
Sujet |
Comment aligner le table?
Comment positionner le texte à l'intérieur des lignes et des colonnes?
|
|
Explication |
Tableau d'alignement
Les tableaux peuvent être alignés à gauche / droite / center en utilisant l'attribut "align" à l'intérieur de tag "table".
Exemple Code:
<table border=1 bgcolor="green" width=300 height=100 align=center>
<tr height=30>
<td>
HAI
</td>
<td>
Bonjour
</td>
</tr>
<tr height=70>
<td>
Tableau d'alignement
</td>
<td background="./test.jpg">
C'est la 2e rangée 2e colonne
<br><br>
Nice arrière-plan
</td>
</tr>
</table>
Résultat:
| HAI | Bonjour |
| Tableau d'alignement |
C'est la 2e rangée 2e colonne
Nice arrière-plan |
Alignement du contenu (texte) dans les colonnes
Le contenu (texte, image, etc.) À l'intérieur des colonnes peut être alignés horizontalement à l'aide de la balise attribut "align"
Le contenu (texte, image, etc.) À l'intérieur des colonnes peut être alignés verticalement à l'aide de la balise attribut "valign"
ALIGN peut prendre les valeurs de Gauche / Droit / CENTER
VALIGN peut prendre les valeurs en tant que haut / bas / CENTER
Exemple Code:
<table border=1 bgcolor="green" width=80% height=30%ALIGN=center>
<tr height=20%>
<td align=center>
center
</td>
<td align=right>
droit
</td>
</tr>
<tr height=70% >
<td valign=top>
haut
</td>
<td valign=bottom align=right background="./test.jpg">
Bas
<br><br>
</td>
</tr>
</table>
Résultat:
| center | right |
| top | bottom right |
|
|
|
|
|
|
