Les tableaux :: Partie 2 ::

Les Tableaux :

salut. voila la suite de cours sur les tableaux en html/xhtml.

On peut définir la hauteur et largeur de chaque cellule.

La hauteur d'une cellule :HEIGHT.
La hauteur d'une cellule peut être en % si le tableau est en %. La somme des % des hauteurs des lignes doit être égale au % de la hauteur du tableau.
Exemple :

Code:

 <TD HEIGHT="10%">

la cellule prendra 10% de la hauteur du tableau.
La hauteur peut être aussi en pixel. Les cellules sans % se partageront le reste de la hauteur du tableau de façon égale.
La hauteur d'une cellule peut être en Pixel si le tableau est en Pixel. Dans ce cas là, la somme des hauteurs des lignes doit être égale à la hauteur du tableau, sauf si la hauteur du tableau n'a pas été définie.
On écrira

Code:

<TD HEIGHT="100">

Attention, dans un tableau simple (sans fusion de colonnes) toutes les cellules de la même ligne doivent avoir la même hauteur.

La longueur d'une cellule : WIDTH.
La longueur d'une cellule peut être en % si le tableau est en %. La somme des % des longueurs des colonnes doit être égale au % de la longueur du tableau. Les cellules sans % se partageront le reste de la longueur du tableau de façon égale.
On écrira :

Code:

<TD WIDTH="10%">

la cellule prend 10% de la longueur du tableau .

La longueur peut être aussi en pixel.
La longueur d'une cellule peut être en Pixel si le tableau est en Pixel. Dans ce cas là, la somme des longueurs des colonnes doit être égale à la longueur du tableau, sauf si la longueur du tableau n'a pas été définie.
On écrira :
Exemple :

Code:

<TD WIDTH="10">

La marge intérieur des cellules :
Vous pouvez définir la marge intérieur des cellules mais pas d'une cellule seulement.
Pour cela il faut utiliser l'attribut CELLPADDING de la balise <TABLE>.
On écrira (en px):

Code:

 <TABLE CELLPADDING="10">

La couleur d'une cellule :

Chaque cellule peut être mis en couleur, grâce à l'attribut BGCOLOR de la balise <TD>.
Exemple :

Code:

<TD BGCOLOR="red">

Netscape, ne tient pas compte de la couleur de la cellule si celle-ci est vide :

Code:

<TD BGCOLOR="red"></TD>

voiçi un exemple de cellule vide coloré.

merçi pour votre attention et a la prochaine chapitre.

bien