L'immagine "barra_blu.gif" scompare in IE7 (forse anche in altre versioni del bidonbrowser) mentre è presente in Firefox e Opera e compare come desidero ovvero subito sotto sotto i pulsanti.
Un esempio visivo a questa pagina
Sotto il codice. Grazie 1000 per l'aiuto.
#topnavi{
list-style-type: none;
background:transparent url("immagini/barra_blu.gif") no-repeat 0 40px;
height:38px;
overflow: hidden;
width: 100%;
padding: 10px 0 0 90px;
margin: 0;
}
#topnavi li{
display: inline;
float:left;
margin-left: 10px;
}
#topnavi a{
display: block;
float: left;
text-indent: -9999px;
overflow: hidden;
background: url("immagini/menu.gif") no-repeat;
}
#navi_home a{
width: 69px;
height: 38px;
background-position: 0 -38px;
}
#navi_home a:hover{
background-position: 0 -76px;
}
#navi_home a.active{
background-position: 0 0;
}
#navi_services a{
width: 73px;
height: 38px;
background-position: -69px -38px ;
}
#navi_services a:hover{
background-position: -69px -76px ;
}
#navi_services a.active{
background-position: -69px 0 ;
}
#navi_about a{
width: 63px;
height: 38px;
background-position: -310px -38px ;
}
#navi_about a:hover{
background-position: -310px -76px ;
}
#navi_about a.active{
background-position: -310px 0 ;
}
#navi_weblog a{
width: 84px;
height: 38px;
background-position: -226px -38px ;
}
#navi_weblog a:hover{
background-position: -226px -76px ;
}
#navi_weblog a.active{
background-position: -226px 0 ;
}
#navi_contact a{
width: 84px;
height: 38px;
background-position: -373px -38px ;
}
#navi_contact a:hover{
background-position: -373px -76px ;
}
#navi_contact a.active{
background-position: -373px 0 ;
}
#navi_portfolio a{
width: 84px;
height: 38px;
background-position: -142px -38px ;
}
#navi_portfolio a:hover{
background-position: -142px -76px ;
}
#navi_portfolio a.active{
background-position: -142px 0 ;
}
Rispondi quotando
