Bonjour,
Sur une même page j'utilise un menu en ligne UL et LI classique.
#navigation ul {
height: 25px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
background: url(/images/menu/rollover.jpg) repeat-x 0 -29px ;
}
#navigation ul li{
float: left ;
text-align: center ;
background: url(/images/menu/rollover.jpg) repeat-x 0 -29px ;
}
#navigation ul li a {
width: 113px ;
line-height: 25px ;
font-size: 0.7em ;
font-weight: normal ;
letter-spacing: 1px ;
color: #cecece ;
display: block ;
text-decoration: none ;
}
#navigation ul li a:hover {
color: #ff9c00 ;
background: url(/images/menu/rollover.jpg) repeat-x 0 0 ;
}
Je viens d'ajouter une colonne avec un menu UL et LI.
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
}
#sidebar li ul {
margin-bottom: 10px;
padding-bottom: 10px;
}
#sidebar li li {
padding: 5px 20px 5px 35px;
background: url(/images/img07.gif) no-repeat 20px 50%;
border-bottom: 1px solid #F3F3F3;
}
Mon soucis viens du fait que mon premier menu hérite des puce du second!!
Ou est mon erreur?
Merci
Partager