ciao a tutti,
ho un problema con questo menù che usa i CSS, funziona con firefox, con ie 8 ma non funziona con ie 6, come poso rimediare?
ecco i files
index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Css menu Example 12</title>
<!--Onsitus.it - menu css gratuito - esempio 12:
Altri menu gratuiti:
http://css.flepstudio.org/css/css-menu/
Other free css menu:
http://css.flepstudio.org/en/css-menu
Credits: Se usate questo template, grazie per lasciare queste informazione o un link back è sempre il benvenuto-->
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
</head>
<body>
<h2>3 levels css vertical menu</h2>
<h4>Basato sul tutorial: Css.FlepStudio.org</h4>
<div id="css_menu_12">
<ul>
<li class="more">Link 1
<ul>
<li class="more">Link 1-1
<ul>
[*]Link 1-1-1
[*]Link 1-1-2
[*]Link 1-1-3
[/list]
[*]Link 1-2
[/list]
<li class="more">Link 2
<ul>
<li class="more">Link 2-1
<ul>
[*]Link 2-1-1
[*]Link 2-1-2
[/list]
<li class="more">Link 2-2
<ul>
[*]Link 2-2-1
[*]Link 2-2-2
[*]Link 2-2-3
[*]Link 2-2-4
[/list]
[*]Link 2-3
[/list]
[*]Link 3
<li class="more">Link 4
<ul>
[*]Link 4-1
[*]Link 4-2
[*]Link 4-3
[/list]
[/list]
</div>
</body>
</html>
il css:
body{
/*x IE*/
behavior: url(csshover2.htc);
}
#css_menu_12, #css_menu_12 ul, #css_menu_12 li{
padding:0;
margin:0;
}
#css_menu_12 li{
list-style: none;
position: relative;
width:120px;
height: 23px;
padding:0 20px;
background:url(../img/li_bg.jpg) repeat-x top left;
border-left:5px solid #6D818A;
border-right:1px solid #6D818A;
line-height: 23px;
cursorointer;
}
#css_menu_12 li a{
text-decoration:none;
color:#272F32;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
}
#css_menu_12 li.more{
border-left:5px solid #333333;
}
#css_menu_12 li li{
background:url(../img/li_li_bg.jpg) repeat-x top left;
}
#css_menu_12 li:hover{
background-position:bottom;
}
#css_menu_12 li:hover.more{
border-left:5px solid #6D818A;
}
#css_menu_12 ul ul, #css_menu_12 ul li:hover ul ul, #css_menu_12 ul ul ul{
position: absolute;
top:0;
left:160px;
visibility:hidden;
}
#css_menu_12 ul li:hover ul, #css_menu_12 ul ul li:hover ul{
visibility:visible;
}
Rispondi quotando