Menu déroulant HTML / CSS

Répondre
Sarti
le 03/11/2009 à 18:47
Sarti
quelqu'un peut-il me montrer comment faire pour obtenir un sous menu déroulant lorsque je pointe la souris.
Il se déroule seul et ce n'est pas bon pour moi.

Voici le code

#navcontainer {
background: #666633;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist {
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: center;
}
}

#navlist li {
bottom: 11px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li {
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
background: #900; /* menu */
bottom: 2px;
color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover {
background: #C00; /* trans */
bottom: 1px;
color: #FFF;
position: relative;
right: 1px;
}

#navlist a:active {
background: #999;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#navlist li#active {
background: #369;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active {
background: #000;
margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
background: #666633;
border-bottom: none;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}
caporga
le 20/02/2010 à 19:23
caporga
va voir sur google, par exemple http://www.google.fr/search?hl=fr&source=hp&q=menu+r%C3%A9roulant+css&btnG=Recherche+Google&meta=&aq=f&oq=
caporga
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours