Introduction
On peut utiliser CSS pour simuler des tableaux ou présenter le contenu dans plusieurs encadrés.
Dans les pages suivantes, vous trouverez les étapes à suivre pour avoir un menu1 sur la gauche, un cadre pour le texte avec différentes présentations affichées ci-dessous.
La page ne sera compatible qu'avec MSIE 6, Mozilla, Mozilla Firefox, Netscape 7.2 et 8 ainsi qu'Opera 7, 8 et 9.
Elle pourra aussi s'afficher correctement avec Konqueror 3.2, Safari, Galeon, Epiphany et à peu près convenablement avec MSIE 5.5 et 5.
Elle respectera les spécifications XHTML et CSS2.
Elle n'utilisera pas de javascript.
Dans les pages suivantes, vous trouverez les étapes à suivre pour avoir un menu1 sur la gauche, un cadre pour le texte avec différentes présentations affichées ci-dessous.
La page ne sera compatible qu'avec MSIE 6, Mozilla, Mozilla Firefox, Netscape 7.2 et 8 ainsi qu'Opera 7, 8 et 9.
Elle pourra aussi s'afficher correctement avec Konqueror 3.2, Safari, Galeon, Epiphany et à peu près convenablement avec MSIE 5.5 et 5.
Elle respectera les spécifications XHTML et CSS2.
Elle n'utilisera pas de javascript.
Un titre pour un tableau avec trois colonnes
Gauche
Centre
Droite
Le texte disparaît
s'il dépasse
les possibilités de l'écran
afin de conserver
l'alignement.
Un titre pour un tableau avec deux colonnes
Colonne de gauche large
colonne étroite
texte centré
caractères gras
Une colonne à gauche occupant la moitié de la partie contenu de la page avec une marge à droite et à gauche.
Une colonne à droite occupant la moitié de la partie contenu de la page avec une marge à droite et à gauche.
Passons à la page sans feuille de style : étape 1.
1 CSS cutting edge propose d'autres solutions sans liste pour des menus horizontaux et verticaux.
1 Autres solutions pour des menus horizontaux et verticaux.