ciao a tutti , sto modificando un menu a cascato orizzontale tutto in css.
è quasi fatta, ma ho un enorme problema:
il menu si vede e funzio su IE 8 e su FF ma se provo su IE7 non ne vuole sapere , sicuramente ho fatto dei casini con i nomi degli id etc...
non so molto che fare ma ho dovuto adttare un vecchio menu e trasformarlo in menu a cascata.
qualcuno sa come potermi aiutare?
Codice PHP:
#thicktabs{
margin: 0;
padding: 0;
float: center;
font: 12px Verdana;
}
#thicktabs li{
display: inline;
}
#thicktabs li a{
float: left;
color: black;
padding: 10px 35px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../../images/blue_bg.gif) top right no-repeat;
border-top: 1px solid #004481; /*top border style*/
border-bottom: 1px solid #004481; /*thick bottom border below tabs*/
}
#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}
#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}
#thicktabs li a:visited{
color:#000000;
}
#thicktabs li a:hover{
color:#000000;
background-image: url(../../images/blue_bgover.gif); /*background image swap on hover*/
}
ul#thicktabs{
float: left;
margin: 0;
padding: 0;
border-top: 1px solid #5282AD;
border-bottom: 1px solid #5282AD;
border-left: 1px solid #5282AD;
/*background: #2D4E6C;*/
list-style:none;
}
ul#thicktabs li ul li{
list-style:none;
margin:0;
padding:0;
}
ul#thicktabs li{
float:left;
margin: 0;
padding: 0;
border-right: 1px solid #5282AD;
color:black;
}
ul#thicktabs a:link,
ul#thicktabs a:visited{
display:block;
/*padding: 4px 16px;*/
color: #000000;
text-decoration: none;
}
ul#thicktabs a:hover,
ul#thicktabs a:focus,
ul#thicktabs a:active{
/*background-color: #D76120;*/
color: #000000;
text-decoration: none;
}
ul#thicktabs li ul{
display: none;
}
ul#thicktabs li:hover ul{
display: block;
position: absolute;
width:140px;
padding: 35px 0 0 0 ;
/*margin: 0 0 0 -1px;*/
/*border:1px solid #D76120;*/
/*background: #2D4E6C;*/
font-size:10px;
}
ul#thicktabs li li {
border-bottom:1px solid #5282AD;
padding: 10px 35px; /*padding of tabs*/;
}
vi ringrazio in anticipo