Menu deroulant CSS

[furious Gontran]

Bonjour,

Je viens du site alsacreations...

Je cherche a faire un menu vertical où le premier lien du sous menu soit calé en face du menu principal....

Bon, Exemple:

Menu1

Menu2  Sousmenu2.1

Menu3  Sousmenu2.2

menu4  Sousmenu2.3

            Sousmenu2.4

Voila en gros.

L'exemple donné par alsacreation reprend la structure en cascade des liste (<li>et<ul>)

Le sous menu est toujours decalé vers le bas comparé au menu qui le fais apparaitre en rollOver()...

Comme je suis debutant il est possible que je sois passé a coté de quelque chose dans le code....

Quelques questions tres generale sur le code a cette page:

alsacreations Menu deroulant

Je suis habitué a des style de la forme:

a {

...

}

A quoi servent les # dans la definition des styles ?

Est qu'ils remplace les point de la definition de class ?? (#menu a la place de .menu)

Quel interet d'utiliser des positions absolues ?

Modifié 9 Décembre 2004 par furious Gontran

[Gribouille26]

Je suis habitué a des style de la forme:

a {

...

}

A quoi servent les # dans la definition des styles ?

Est qu'ils remplace les point de la definition de class ?? (#menu a la place de .menu)

<{POST_SNAPBACK}>

Les elements definits avec # dans la CSS sont déclarés en id="menu" dans la page.

Ceux .menu sont déclarés en class="menu"

Les éléments "id" sont uniques, ils ne peuvent pas être en double sur la page.

Contrairement à une class qui peut être appellée x fois sur la même page.

[furious Gontran]

donc ecrire:

il, ul #menu{

...

}

signifie donc que le style pour les il et ul ne seras effectif que pour l'id=menu ??

[Vincent]

donc ecrire:

il, ul #menu{

...

}

signifie donc que le style pour les il et ul ne seras effectif que pour l'id=menu ??

<{POST_SNAPBACK}>

si je ne me trompe pas :

le style est effectif pour <LI> ET pour l'association <UL> <monTag id="menu">

[furious Gontran]

Oky

en fait j'ais beaucoup de mal a comprendre dans ce tuto, quels sont les styles fixant l'apparence des sous menus (que je voudrais decaler vers le haut et la droite)

[ElMoustiko]

il, ul #menu{
...
}

Ca ne mettra rien en forme dans ta page ce code ! <il> n'existe pas comme balise.

Je suppose que c'est une faute de frappe mais comme la même faute se glisse la ligne d'en dessous, je préfère clarifier.

Donc ce code mettra en forme les <li> (il => li) ET l'élément ayant pour ID menu contenu dans un <ul>

Ton code HTML permettrai de te donner ce que tu cherches plus précisement.

Je pense que tu as un code de ce type :

<ul id="menu">
  <li>...</li>
...
</ul>

Donc pour mettre en forme les <li> contenus dans #menu :

ul#menu li
{
...
}

Pour mettre en forme le <ul>

ul#menu
{
...
}

Nota : ul#menu et #menu auront la même fonction, mettre en forme l'élément qui a pour id "menu", mais ul#menu ne met en forme QUE l'<ul> avec l'id menu. Dans la plupart des cas ça renvoi à la même chose.

[furious Gontran]

Merci...

Ca plus clair...

Me reste plus qu'a tester...