ciao,
ho dovuto orientare il menù orizzontalmente.
Tutto ok con firefox ma con IE sembra non funzionare.
Vi posto il codice.
Funzione javascript:
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls*.onmouseover=function() {
this.className+=" over";
}
sfEls*.onmouseout=function() {
this.className=this.className.replace(new RegExp(" over\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
```Questo invece il css:
ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 90%;
}
ul li {
position: relative;
float: left;
}
li ul {
position: absolute;
left: 0;
top: auto;
display: none;
top: 50px;
width: 90px;
}
li ul ul{
position: absolute;
left:100%;
top: -.1em;
display: none;
width: 90px;
font-size: 13px;
padding-bottom: 2px;
}
/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #FFF;
background: #000;
padding-top: 22px;
padding-bottom: 14px;
padding-left: 5px;
padding-right: 5px;
}
li:hover a, li.over a {
color: #ad995c;
background-color:;
}
li:hover li:hover a, li.over li.over a,
li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover
{
color: #fff;
background-color:;
width: 90px;
font-size: 13px;
padding-bottom: 2px;
}
li:hover li a, li.over li a,
li:hover li:hover li a, li.over li.over li a,
li:hover li:hover li:hover li a, li.over li.over li.over li a
{
color:;
background-color:;
width:90px;
font-size: 13px;
line-height: 120%;
}
li ul li a { padding: 2px 5px; }
ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul {
display:none;
}
ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
display: block;
}
vi riangrazio per l'attenzione e spero che qualcuna possa darmi una mano.