Je suis confronté à un autre problème sur mon site: un sous-menu... Sur cette page, on voit le sous-menu dans la colonne de droite, il y a des éléments qui ont 2 puces.
Je voudrais retirer la puce qui change de couleur à cette partie là, donc garder la puce noire sur le sous menu.
Voici le CSS:
CODE
/* ---------- Sous-Menu ------- */
#nav {
width: 180px;
float: right;
padding-right: 3px;
padding-left: 10px;
}
#nav ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 95%;
}
#nav ul li a{
display: block;
padding-left: 17px;
width: 130px;
background-color: #cde1ff;
background-image: url('http://orange.56tti.info/kimages/icon.gif');
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #2A187C;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
text-decoration: none;
}
#nav ul li a:hover{
background-image: url('http://orange.56tti.info/kimages/icon2.gif');
color: #000;
text-decoration:none;
}
#nav ul ul{
margin-left: 0;
padding-left: 0;
list-style-type: square;
font-size: 95%;
}
#nav ul ul li a{
display: block;
padding-left: 17px;
width: 130px;
background-color: #cde1ff;
padding-right:3px;
padding-top:3px;
padding-bottom:3px
}
#nav ul ul li a:hover{
color: #000;
text-decoration:none;
}
#nav {
width: 180px;
float: right;
padding-right: 3px;
padding-left: 10px;
}
#nav ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 95%;
}
#nav ul li a{
display: block;
padding-left: 17px;
width: 130px;
background-color: #cde1ff;
background-image: url('http://orange.56tti.info/kimages/icon.gif');
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #2A187C;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
text-decoration: none;
}
#nav ul li a:hover{
background-image: url('http://orange.56tti.info/kimages/icon2.gif');
color: #000;
text-decoration:none;
}
#nav ul ul{
margin-left: 0;
padding-left: 0;
list-style-type: square;
font-size: 95%;
}
#nav ul ul li a{
display: block;
padding-left: 17px;
width: 130px;
background-color: #cde1ff;
padding-right:3px;
padding-top:3px;
padding-bottom:3px
}
#nav ul ul li a:hover{
color: #000;
text-decoration:none;
}
Le HTML:
CODE
<div id="nav">
<ul>
<li><a href="http://orange.56tti.info/formations/?c=Formations-Clef">Formations CLEF</a>
<ul>
<li><a href="http://orange.56tti.info/formations/21/laboratoire-pneumatique-perfectionnement" title="Permalien vers l'article">Laboratoire pneumatique (perfectionnement)</a></li>
<li><a href="http://orange.56tti.info/formations/20/dessin-en-3-d-avec-mechanical-autocad" title="Permalien vers l'article">Dessin en 3D avec Mechanical (autocad)</a></li>
<li><a href="http://orange.56tti.info/formations/6/formations-organisees-par-le-clef" title="Permalien vers l'article">Initiation à la CNC Tournage et Fraisage</a></li>
</ul>
</li>
<li><a href="http://orange.56tti.info/formations/?c=Formation">Formations CTNL</a>
<li><a href="http://orange.56tti.info/formations/?c=Autres-formations">Autres formations</a>
</ul>
</div>
<ul>
<li><a href="http://orange.56tti.info/formations/?c=Formations-Clef">Formations CLEF</a>
<ul>
<li><a href="http://orange.56tti.info/formations/21/laboratoire-pneumatique-perfectionnement" title="Permalien vers l'article">Laboratoire pneumatique (perfectionnement)</a></li>
<li><a href="http://orange.56tti.info/formations/20/dessin-en-3-d-avec-mechanical-autocad" title="Permalien vers l'article">Dessin en 3D avec Mechanical (autocad)</a></li>
<li><a href="http://orange.56tti.info/formations/6/formations-organisees-par-le-clef" title="Permalien vers l'article">Initiation à la CNC Tournage et Fraisage</a></li>
</ul>
</li>
<li><a href="http://orange.56tti.info/formations/?c=Formation">Formations CTNL</a>
<li><a href="http://orange.56tti.info/formations/?c=Autres-formations">Autres formations</a>
</ul>
</div>
Désolé si le code HTML fais un peu brouillon, il est généré par TXP.
Que dois-je chnager?
Merci pour votre aide