Première page 100% CSS sans tables et en Strict !

Le 4/26/09 6:54 AM, kurtbosh a écrit :

> On 25 avr, 22:48, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
> wrote:

>> Pour 6 items en horizontal :

>> <ul id="menu">
>>    <li><a href="#">menu 1</a></li>
>>    <li><a href="#">menu 2</a></li>

(...)

> Je ne savais pas faire ça !

C'est vrai que l'on arrive pas à faire ça dès le lendemain de la
première lecture de la liste des règles css ;-)

> Merci beaucoup Sam !

De rien.  (nota: "SAM" ou alors "Stéphane" !)

et, avec exactement le même HTML et les mêmes CSS,
pour transformer le menu horizontal en vertical,
il suffit de modifier très peu les CSS :

#menu {
   border: 1px solid;
   /*
   height: 2.4em;
   */
   width: 7em;}

#menu li {
   /*
   float: left;
   width: 16.66%
   */

}

La leçon suivante pour les menus s'appelle: "les portes coulissantes"
C'est pour y avoir une décoration par une image en fond d'item.

Normalement Google connait.

Pour en avoir une idée simplifiée de ce que c'est :
<http://stephane.moriaux.pagesperso-orange.fr/truc/bouton_3_etats_css>
ou:
<http://stephane.moriaux.pagesperso-orange.fr/internet/web_css/rollove... >

Bon dimanche.
(ici, brouillard et pluie :-( )

--
sm