Page précédente
Le B A BA du Html tout à la main
Des exemples
Page suivante

Exemples de tableaux


L'entête de chapitre ci-dessus a été fait comme cela :
Le principe est de faire un tableau prenant la largeur de la fenêtre d'une seule cellule, avec un fond et une couleur de caractère diffente du BODY. Le CELLPADDING permet de mettre une marge suffisante.

<TABLE BORDER=0 CELLPADDING=10 BGCOLOR=darkgoldenrod WIDTH=100%>
<TR><TD>
<FONT FACE="Arial,Helvetica" COLOR=WHITE SIZE=3>
Exemples de tableaux
</FONT></TD></TR></TABLE>


Le pied de page, lui a été fait comme ça :
Le tableau est découpé en trois cellules de même taille. Le tableau n'apparait pas à l'écran car on a pas changé la couleur de fond ni mis de bord. La cellule de gauche est alignée à gauche, celle de droite à droite et la celle du milieu est centrée.

<TABLE WIDTH=100%>
<TR><TD ALIGN=LEFT WIDTH=33%>
<FONT FACE="Arial,Helvetica" SIZE=2>
Derinère modif : 25 Avril 1999
</FONT></TD>

<TD ALIGN=CENTER WIDTH=33%>
<FONT FACE="Arial,Helvetica" SIZE=2>
<A HREF=mailto:philippe@sarcher.org>Philippe Sarcher
</A></TD>

<TD ALIGN=RIGHT WIDTH=33%>
<FONT FACE="Arial,Helvetica" SIZE=2>
<A HREF=http://www.vim.org>
<IMG BORDER=0 SRC=vim.gif ALIGN=RIGHT WIDTH=35 HEIGHT=35>
</A>
Web design <BR>with Vim
</FONT></TD></TR></TABLE>


Enfin, le tableau qui présente les sources des pages a la structure suivante :
Le BORDER=1 CELLSPACING=0 permet d'avoir cette impression de profondeur sur le bord. Le reste est assez classique.

<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=10 BGCOLOR=lightgrey WIDTH=80%>
<TR><TD><PRE>
... (je vous fait grâce du contenu parce cela 
va très serieursement compliquer la chose pour moi :-)))
regardez le source de cette page si cela vous amuse ) ....
</PRE></TD></TR></TABLE>
La suite ....


Dernière modif : 30 Avril 1999 http://philippe.sarcher.org/html/extbl.html Philippe Sarcher