Tableaux et mise en page

grille

vignette maquette

vignette tableau

Une mise en page complexe et soignée demande l'exécution d'une maquette préalable à tout codage.
ci-contre, en cliquant sur les vignettes, vous trouverez :

  • une grille (1c=10 pixels)
  • la maquette
  • le tableau choisi

code

nota : Contrairement à IE,
La visualisation
d'un tableau vide
se résume sous Nescape
à un rectangle.

Définir un tableau avec l'instruction <TABLE>,exemple :

<TABLE
avec les attributs optionnels
BORDER= valeur
CELLSPACING= valeur
CELLPADDING=valeur >

Incorporez entre les balises <TABLE> et </TABLE> autant de <TR> et </TR> que de lignes désirées entre lesquelles vous insérerez autant de <TD> et </TD> que de colonnes à obtenir.

Si vous utilisez un éditeur de type basique, n'hésitez pas à abuser du copier/coller.

Dimensionnez vos colonnes de cellules (<TD>) avec l'attribut WIDTH=valeur , exemple :

<TD WIDTH=105>

Dimensionnez vos lignes de cellules (<TD>) avec l'attribut HEIGHT=valeur , exemple :

<TD WIDTH=105 HEIGHT=210>

code

code

code

Fusionnez les cellules concernées par l'instruction COLSPAN=nb_cellules, exemple :

<TD COLSPAN=2
auquel vous ajoutez
les attributs
WIDTH=somme_val_cols
HEIGHT=somme_val_lignes>

Ce code remplace tous les <TD> concernés par la fusion.

La fusion de ligne se ferait de la même façon en utilisant la balise :

<TD ROWSPAN=nb_cellules>

voir