Ciao a tutti, sto facendo un menu in cui dovrebbe cambiare lo sfondo del bottone se selezionato mentre la scritta è di un colore, quando ci passo col mause dovrebbe sottolienarsi, quando è selezionata dovrebbe cambiare ache quella colore:
questo è il mio css:
#topnavi {
position:absolute;
float:left;
width:956px;
height:42px;
}
#topnavi ul {
margin:0px;
padding:0px;
margin-left:50px;
list-style-type:none;
}
#topnavi ul li {
float:left;
margin-top:6px;
height:25px;
background-image:url('images/bblack.png');
margin-left:4px;
}
#topnavi ul li.select {
float:left;
margin-top:6px;
height:25px;
background-image:url('images/bwhite.png');
margin-left:4px;
}
#topnavi ul li a {
display:block;
color:#ffffff;
font-weight:bold;
font-family:Arial, sans-serif;
font-size:12px;
text-decoration:none;
padding-left:30px;
padding-right:30px;
line-height:25px;
}
#topnavi ul li a:hover {
display:block;
color:#ffffff;
font-weight:bold;
font-family:Arial, sans-serif;
font-size:12px;
text-decoration:underline;
padding-left:30px;
padding-right:30px;
line-height:25px;
}
#topnavi ul li.select a {
display:block;
color:#0e3f6d;
font-weight:bold;
font-family:Arial, sans-serif;
font-size:12px;
text-decoration:none;
padding-left:30px;
padding-right:30px;
line-height:25px;
}
#topnavi ul li.select a:hover {
display:block;
color:#0e3f6d;
font-weight:bold;
font-family:Arial, sans-serif;
font-size:12px;
text-decoration:underline;
padding-left:30px;
padding-right:30px;
line-height:25px;
}
e questo è il codice che ho messo nella pagina:
l'unica cosa che fa è sottolineare la scritta al passaggio del mouse, non carica lo sfondo del bottone, e mi rimane sempre colorato diversamente la prima scritta...Codice PHP:<div id="topnavi">
<ul>
<li class="select">[url="index.html"]Home[/url]
[*][url="studio.php"]Lo studio[/url]
[*][url="attivita.php"]Attività[/url]
[*][url="quesiti.php"]Quesiti[/url]
[*][url="links.php"]Links[/url]
[/list]
</div>
chi può aiutarmi, io non espertissimo di css...grazie Simone

Rispondi quotando