Menu css

Bonjour,

J'ai cree un menu a l'aide du code ci-dessous. Ce que je voudrais maitenant en faite, c'est que lorsque je survol un bouton, un autre menu s'affigne en ligne.

Quelqu'un peut m'aider pour le code svp?

#nav {
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;}
#nav li {
float: left ;
width: 100px ;
border: 1px solid white ;
margin-right: 1px ;
color: #fff ;
background: #c00 ;
}

#nav li a {
display: block ;
background: transparent url(bg-bubplastic.gif) left top repeat ;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
padding: 4px 20px ;
text-align: center ;
text-decoration: none ;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
background: #033 url(button-blue.gif) left top repeat ;
text-decoration: underline ;
color: black;
font-weight:bold;
}

Bonsoir,
Que veux-tu dire par "un autre menu s'affiche en ligne" ?
Modifié par Majimerse (29 Nov 2008 - 21:12)

Re,

En faite je souhaite faire un menu qui ressemble au menu du tutoriel suivant:
http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-avec-commentaires-au-survol

Mais au lieu d'afficher un commentaire quand on survol un bouton (comme dans ce tutoriel), je voudrois avoir une autre le liste de lien (un menu drop-line en ligne en fait).

Je vois, alors dans ce cas là il faut jouer sur les classes des balises <li> et <ul>. Tu commences par créer l'arborescence de ton menu dans ton code HTML. Ensuite le mode de raisonnement à adopter c'est de voir la première balise <ul> et les balises <li> qui en découlent comme le niveau 1 donc lui assigner une classe en conséquence, la seconde -> le niveau 2 et ainsi de suite.

Du côté de ton CSS j'utiliserai la propriété "Display" avec sa valeur "none" pour cacher les sous-menus. Et ensuite chose importante pour que ton menu fonctionne il faut utiliser le code suivant :

#nav li.niveau1:hover ul.niveau2, li.niveau2:hover ul.niveau3 {
display: bock;
}

Voilà avec ces pistes tu devrais pouvoir faire quelque chose.