Tables 2 (options avancées)

Découpez, découpez, il en restera toujours quelque chose
Maintenant que vous maîtrisez parfaitement le langage HTML suite à la lecture des pages précédentes, et que vous avez acquis de bonnes notions de présentation, voici les quelques options supplémentaires qui feront de vous l'as du découpage, du positionnement et de la présentation.

J'aurais bien mis des roulements de tambour dans cette page, mais heureusement pour vous, je n'en ai pas trouvé...


HTML 3.2
Les options de <TABLE> en HTML 3.2 peuvent être:

ALIGN=         Alignement (seulement gauche/centre/droite)
WIDTH=         Largeur de la table
BORDER=        Bord de la table
CELLSPACING=   Espacement entre les cellules de la table
CELLPADDING=   Espacement entre le bord de la cellule et l'intérieur

Celles de <TR> sont:

ALIGN=         Alignement horizontal dans les cellules
VALIGN=        Alignement vertical dans les cellules

Et celles de <TH/TD>:

NOWRAP         Ne coupe pas le contenu de la cellule
ROWSPAN=       Nombre de cellules verticales
COLSPAN=       Nombre de cellules horizontale
ALIGN=         Alignement horizontal dans les cellules
VALIGN=        Alignement vertical dans les cellules
WIDTH=         Taille horizontale demandée
HEIGHT=        Taille verticale demandée

Notez que les paramètres WIDTH= et HEIGHT= vous permettent un contrôle important de la taille minimum des cellules pour autant qu'elles ne soient pas vides et que la place demandée soit également disponible.


Netscape est différent de MSIE et ils sont aussi différents des autres navigateurs
A cause des différences dans les diverses versions des spécifications HTML et de l'interprétation des nombreux utilisateurs de ces spécifications et donc selon les navigateurs, il y a des marqueurs (comme BGCOLOR) qui fonctionnent même dans le cas où ils n'existent pas (comme ici), ou qui fonctionnent à des endroits pour lesquels il n'ont pas été prévus, (BGCOLOR dans les rangées et les cellules par exemple), et ceci, soit pour garder la compatibilité avec des vieilles spécifications, soit parce que ça parait logique et utile.

Bref c'est le foutoir le plus total et chaque navigateur fait un peu comme bon lui semble pour essayer de maintenir une bonne compatibilité avec un maximum de versions des spécifications, essayez autant que possible de regarder vos pages avec plusieurs engins et de plusieurs versions.

Le choix d'utiliser une version plus récente des spécifications est difficile, car il peut ne toucher qu'un très petit nombre d'utilisateurs et provoquer des horreurs dans l'affichage, quant à celui d'utiliser une "vieille" version, il voit celui d'avoir des pages qui ne s'affichent plus correctement pour cause de marqueurs obsolètes et possède beaucoup moins de possibilités de présentation (la vie n'est pas toujours un long fleuve tranquille).

Conclusion: pour un affichage correct dans un maximum de cas, l'utilisation des marqueurs devrait être limitée au "ppdc" (traduisez par: le strict minimum commun). Dura lex sed lex ! (c'est pas une pub cachée pour des plats incassables, c'est du latin, je vous l'aurais bien traduit, mais je l'ai perdu en lisant la référence du HTML 4.0).


Caption
En lot de consolation et sans rapport avec le sujet, on peut ajouter une légende à une table (ainsi qu'à une image) avec le marqueur <CAPTION>, exemple:

<TABLE><CAPTION>Tableau no 2</CAPTION><TR><TD>(*) vide (*)</TD></TR></TABLE>

Le marqueur <CAPTION>, peut avoir comme option ALIGN=, et comme valeurs, TOP, BOTTOM, LEFT, RIGHT (haut, bas, gauche, droite) pour agir sur le placement de la légende.

HTML 4.0
Encore plus intéressant en HTML 4.0, actuellement sur nos écrans mais pas dans toutes les salles.

Les options de <TABLE>:


SUMMARY=       Description (longue et invisible) de la table
ALIGN=         Alignement par rapport à la fenêtre
BORDER=        Bord de la table
BGCOLOR=       Couleur de la table
CELLSPACING=   Espacement entre les cellules de la table
CELLPADDING=   Espacement entre le bord de la cellule et l'intérieur
WIDTH=         Largeur de la table
RULES=         Règles entre rangées et colonnes
FRAME=         Parties à afficher

Marqueurs à l'intérieur de <TABLE></TABLE>:

<CAPTION>      Nom de la table
<COLGROUP>     Définition de groupes de colonnes
<COL>          Définition de colonnes hors groupe
<THEAD>        Définition de l'entête de la table (fixe)
<TFOOT>        Définition du bas de la table (fixe)
<TBODY>        Corps de la table (affichage variable)
THEAD, TFOOT et TBODY peuvent être répétés plusieurs fois.

Celles de <TR> sont:

ALIGN=         Alignement (seulement gauche/centre/droite)
VALIGN=        Alignement par le haut/milieux/bas/texte (TOP/MIDDLE/BOTTOM/BASELINE)

Et celles de <TH/TD>:

ALIGN=         Alignement (gauche/centre/droite/justifié/caractère)
VALIGN=        Alignement par le haut/milieux/bas/texte (TOP/MIDDLE/BOTTOM/BASELINE)
CHAR=          Caractère d'alignement
CHAROFF=       Offset d'alignement
COLSPAN=       Nombre de cellules horizontales
ROWSPAN=       Nombre de cellules verticales
WIDTH=         Taille horizontale demandée
HEIGHT=        Taille verticale demandée
NOWRAP         Ne coupe pas le contenu de la cellule

Mais il est encore très prématuré de donner des exemples avec ça (je ne connais pas encore de navigateur qui implémente toutes ces spécifications).


Prudence
N'essayez pas d'utiliser trop d'astuces grandioses sous HTML 4.0, elles pourraient se révéler ratées et ignobles avec un vieux navigateur, une autre version, ou ceux que vous n'utilisez pas, contrôlez aussi vos pages avec un vieux truc style decape 2.0 ou pire (si ça existe), vous pourriez être désagréablement surpris par le résultat...

RetourInfo Suite

Dernière mise à jour de cette page: 04/09/2001, visiteurs: depuis le 6 avril 2002