Ciao ragazzi ho realizzato lo skizzo di un menu a tendina con i css...
come potete notare dall'immagine i link a discesa sono leggermente + piccoli di quelli principali in quanto volevo mettere intorno una cornice della stessa larghezza del link "storia" e un po + lunga dei link a discesa (appunto x dare l'effetto cornice) però nn so come farla ho provato in vari modi ma viene sballato mi potete aiutare?...vi posto anche il codice css:
.menu{font-size:12px; font-family:Arial, Helvetica, sans-serif; position:relative; position:absolute; bottom:0;}
.menu ul li{
display:inline;
margin:0;
position:relative;
float:left;
}
.menu ul li a{
height:35px;
width:150px;
color:#FFFFFF;
background-color:#000000;
float:left;
text-decoration:none;
border-left:1px solid #009911;
text-align:center;
line-height:35px;
}
.menu ul li a:hover{
color:#000000;
text-decoration:none;
background-color:#FFFFFF;
}
.menu ul li ul {display:none;}
.menu ul li:hover ul {display:block; position:absolute; top:35px; right:3px; width:145px; }
.menu ul li:hover ul li a{height:35px;
width:145px; background-color:#000066; border-bottom:1px solid #FFFFFF; border-left:1px solid #0099FF;border-right:1px solid #0099FF; display:block;
}
.menu ul li:hover ul li a:hover{ background-color:#0000FF; border-bottom:1px solid #FFFFFF;
}
Rispondi quotando
solo che nn vedo un esempio di quello che cerco...nn trovo dei link a discesa con una cornice attorno...è una cosa un po particolare quella che voglio far io xò alcuni link così ci sono...
