Ragazzi, chi mi da una mano?
Ho il seguente codice html
e il CSS
codice:
.indentmenu{
font: bold 13px Arial;
width: 870px;
margin-right: auto;
margin-left: auto;
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: black url(sfondo-nav-1-px.png) repeat-x center center;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: #666; /*text color*/
padding: 12px 11px;
text-decoration: none;
}
.indentmenu ul li a:visited{
color: #666;
}
.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #333 !important; /*text color of selected and active item*/
/* padding-top: 10px; /*shift text down 1px for selected and active item*/
/* padding-bottom: 8px; /*shift text down 1px for selected and active item*/ */
background: black url(sfondo-nav-angoli-dx.png) repeat-x center center;
}
che mi danno come risultato l'immagine allegata ottenuto.jpg; io vorrei però aggiungere a bordi sinistro e destro gli angoli arrotondati.
Ho provato in diversi modi ma senza risultati, mi date una mano p.f.?
Grazie