Sous menu Css
Résolu
alexdrums
Messages postés
286
Statut
Membre
-
alexdrums Messages postés 286 Statut Membre -
alexdrums Messages postés 286 Statut Membre -
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 !
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:
- Sous menu Css
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
/* 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;
}