Voilà je desirai faire un menu deroulant en css avec entre chaque menu une image qui est une barre horizontale, le probleme est que je n'arrive pas à l'enlever cette image dans les sous menu exemple à cette adresse http://s284810043.onlinehome.fr/menu.php (menu Galerie)
voici mon fichier menu.php
Code : Tout sélectionner
<div id="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Galerie</a>
<ul>
<li><a href="galerie.php">Gallerie 1</a></li>
<li><a href="gal.php">Gallerie 2</a></li>
<li><a href="#">Gallerie 3</a></li>
</ul>
</li>
<li><a href="#">Exposition</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
Code : Tout sélectionner
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
font: bold 100% Tahoma;
}
#menu ul li {
float: left;
padding: 2px 2px;
text-decoration: none;
background: transparent url(../images/vertical.gif) center right no-repeat;
}
#menu li a {
display:block;
width:100px;
font-family:Arial;
font-size:12px;
color:#5D5D5D;
text-decoration:none;
padding:0px;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
muriel
je reponds à mon propre message, voici la reponse:
Code : Tout sélectionner
#menu li ul li {
background: none;
}
