*** Visitez notre Sponsor ! ***

Tout savoir sur les tableaux


1. La fonction de chaque balises

Un tableau n'est affiché à l'écran que lorsqu'il à été entièrement chargé. Ainsi , si vous ne finissez pas votre tableau par une balise </TABLE>, le navigateur ne pourra pas charger le contenu du tableau parce qu'il n'y a pas de fin et vous risquez d'obtenir une page vide.

Exemple de tableau à 4 cellules

Cellule1 Cellule2
Cellule3 Cellule4


Le code source
La signification de chaque balise :

<table>
<TR>
<TD> Cellule1 </TD><TD> Cellule2 </TD>
</TR>
<TR>
<TD> Cellule3 </TD><TD> Cellule4 </TD>
</TR>
</table>
<table>
</table>
<TR>
</TR>
<TD>
</TD> 		Début du tableau
Fin du tableau
Début d'une ligne
Fin de la ligne
Debut d'une cellule
Fin de la cellule


2. Les différents attribut d'un tableau


Les attributs d'un tableau vont vous permettre de définir la couleur de fond, la taille de la bordure, la taille des cases etc, etc... Attention, certain attribut ne fonctionne qu'avec internet explorer.
n correspond à un nombre quelconque.
*** correspond à une chaine de caractère.

Attributs de la balise <TABLE> commun à Netscape et Internet Explorer:

BORDER= n ..........................................
CELLPADDING= n ................................
CELLSPACING= n ................................
HEIGHT= n% ou n .................................
WIDTH= n% ou n ..................................
ALIGN= "center", "left" ou "right" ........
VALIGN= "top", "middle" ou "bottom"
BGCOLOR=#rrvvbb ...............................
BACKGROUND=URL .............................
STYLE= *** ...........................................
ID= *** ..................................................
NAME= *** ............................................
 Epaisseur des bordures du tableau (0 par défaut).
Espace entre le bord des cellules et leurs contenu. (1 par défaut)
Espace entre les cellules. (2 par défaut)
Hauteur du tableau (Taille du contenu par défaut)
Largeur du tableau (Taille du contenu par défaut)
Position horizontale du tableau (gauche par défaut)
Position verticale du tableau (milieu par défaut)
Couleur de fond de l'ensemble du tableau (Transparent par défaut)
Image d'arrière plan du tableau
Feuille de style (nécessite les connaissances appropriées)
Identifiant de l'objet (pour Javascript ou feuille de style)
Identifiant de l'objet (pour Javascript ou feuille de style)

Attributs pour Internet explorer non-reconnu par Netscape :

BORDERCOLOR=#rrvvbb ............
BORDERCOLORRIGHT=#rrvvbb
BORDERCOLORDARK=#rrvvbb
FRAME="VSIDES" ou "HSIDES" 		Couleur de la bordure (blanc par défaut)
Couleur de la bordure clair (effet 3D)
Couleur de la bordure foncée (effet 3D)
"VSIDES" affiche les contours verticaux des cadres, "HSIDES" les horizontaux.


Exemple:

<TABLE ALIGN=center WIDTH=200 HEIGHT=50 BORDER=3 CELLPADDING=3 CELLSPACING=3 BGCOLOR="#800000" BORDERCOLORLIGHT="#00CCFF" BORDERCOLORDARK="#000099">
<TR>
<TD>Cellule 1</TD>
<TD>Cellule 2</TD>
</TR>
</TABLE>

Resultat:

Cellule 1 Cellule 2



Attributs de la balise <TD> commun à Netscape et Internet Explorer:

ALIGN= "left", "center" ou "right" ...............
VALIGN= "top", "middle" ou "bottom" .......
COLSPAN= n ...........................
ROWSPAN= n ...........................
BGCOLOR=#rrvvbb.............................
BORDERCOLOR=#rrvvbb ............................
BACKGROUND=URL ............................
BORDERCOLORRIGHT=#rrvvbb ....
BORDERCOLORDARK=#rrvvbb ......
BACKGROUND=URL .........................
HEIGHT= n ...................
WIDTH= n ...................
ID= *** ...................
STYLE= *** ...................
 Alignement horizontal du contenu de la cellule à gauche, milieu ou droite
Alignement vertical du contenu de la cellule en haut, milieu ou bas
Epaisseur des bordures du tableau (0 par défaut).
Espace entre le bord des cellules et leurs contenu. (1 par défaut)
Espace entre entre les cellules. (2 par défaut)
Hauteur du tableau avec ou sans % (Taille du contenu par défaut)
Largeur du tableau avec ou sans % (Taille du contenu par défaut)
Position horizontale du tableau: milieu, gauche ou droite (gauche par défaut)
Position verticale du tableau: haut, milieu ou bas
Couleur de fond de l'ensemble du tableau (Transparent par défaut)
Image d'arrière plan du tableau
Feuille style (nécessite les connaissances appropriées)
Identifiant javascript (équivalent du NAME=" ... ")

Attributs pour Internet explorer non-reconnu par Netscape :

BORDERCOLOR=#rrvvbb .....
BORDERCOLORRIGHT=#rrvvbb
BORDERCOLORDARK=#rrvvbb
FRAME="VSIDES" ou "HSIDES" 		Couleur de la bordure (blanc par défaut)
Couleur de la bordure clair (effet 3D)
Couleur de la bordure foncée (effet 3D)
"VSIDES" affiche les contours verticaux des cadres, "HSIDES" les horizontaux.
onAfterUpdate= onBeforeUpdate= onClick= onDblClick= onHelp= onKeyDown= onkeyPress= onKeyUp= onMouseDown= onMouseMove= onmouseOut= onMouseOver= onMouseUp=


ALIGN=[left|center|right] VALIGN=[top|middle|bottom|baseline] COLSPAN=n ROWSPAN=n BGCOLOR=#rrvvbb BORDERCOLOR=#rrvvbb BACKGROUND=URL BORDERCOLORRIGHT HEIGHT=[n|n%] WIDTH=[n|n%] ID="chaîne" STYLE="chaîne"


Si vous n'avez pas compris et/ou si vous avez d'autres questions,
cliquez ici pour nous soumettre votre problème.
Webmaster
http://www.webgraf.com