Sous menu Css

Résolu/Fermé
alexdrums Messages postés 241 Date d'inscription dimanche 2 octobre 2011 Statut Membre Dernière intervention 2 avril 2014 - 10 déc. 2012 à 21:41
alexdrums Messages postés 241 Date d'inscription dimanche 2 octobre 2011 Statut Membre Dernière intervention 2 avril 2014 - 11 déc. 2012 à 13:10
salut tous le mondes

voila depuis 2 jours que je recherche et je n'arrive pas a trouvé la solution
pour faire bref, je suis entrain de créé mon site et j'en suis a la partie du menu!

mon menu est fini, sauf que j'ai un sous menu, et j'aimerais qu'il sois différent des bloc du menu, en sachant que tous le background sont des images (sauf le texte).
et le sous menu prend la même forme que le menu...

comment faire ?! ^^

merci d'avance pour vos réponses !
A voir également:

1 réponse

Utilisateur anonyme
11 déc. 2012 à 02:47
En gros:

div.menuprincipale div.sousmenu
{
display:none;
}

div.menuprincipale:hover div.sousmenu
{
display:block;
}
0
alexdrums Messages postés 241 Date d'inscription dimanche 2 octobre 2011 Statut Membre Dernière intervention 2 avril 2014 10
11 déc. 2012 à 13:10
mon code c'est celui-ci : celui qui représente le sous menu c'est " .menu ul ul "

/* MENU */
.menu {
height: 99px;
background-image: url(image/menu/bouton_off.png) left top no-repeat;
font-family: birdman;
font-size: 14px;
line-height: 65px;
padding-left: 50px;
padding-top: 10px;
}
.menu ul, .menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.menu li {
float: left;
position: relative;
}
.menu li a {
background-image: url(image/menu/bouton_off.png);
display: block;
height: 62px;
width: 99px;
color: #444;
text-decoration: none;
text-align: center;
}
.menu a:hover {
color: #008cff;
background: transparent url(image/menu/bouton_on.png);
}
.menu a#home, .menu a#speed_art, .menu a#image, .menu a#media, .menu a#musique, .menu a#podcast .menu a#blog, .menu a#contact {
display: block;
width: 99px;
}
.menu a#home {
border-radius: 50px 0px 0px 50px;
}
.menu ul ul {
position: absolute;
top: 62px;
visibility: hidden;
}
.menu ul li:hover ul {
visibility: visible;
}
0