Hej,
varför fungerar inte Hover effekten på "dropner" menyerna i Internet Explorer i detta script? Det fungerar i FireFox.
Det är de första länkarna på de "utfällsbara" menyerna som inte blir nån "hover" effekt på.
CSS-filen
ul#tree-menu {
list-style: none;
padding: 0;
width: 10em;
margin:0 0 0 0.3em;
}
ul#tree-menu li.static div {
background: #0099FF;
border-color: #2BF #2BF #07D #07D;
border-style: solid;
border-width: 1px;
color: #000000;
font-size: small;
font-weight: bold;
padding: 6px 10px;
margin:0;
text-decoration:none;
list-style:none;
}
ul#tree-menu li.static a {
color: #000000;
font-size: small;
font-weight: bold;
text-decoration: none;
}
ul#tree-menu li.toggle div {
background: #0099FF;
border-color: #2BF #2BF #07D #07D;
border-style: solid;
border-width: 1px;
color: #000000;
font-size: small;
font-weight: bold;
padding: 6px 10px;
}
ul#tree-menu li.toggle div:hover {
background: #0099FF;
border-color: #8a9 #8a9 #465 #465;
border-style: solid;
border-width: 1px;
}
ul#tree-menu li.toggle ul {
background: #00AAEE;
border: 1px solid #07D;
border-top: none;
display: none;
list-style: none;
padding: 0px 10px;
margin:0;
}
ul#tree-menu li.toggle ul a {
color: #000000;
font-size: x-small;
font-weight: bold;
text-decoration: none;
}
ul#tree-menu li.static a:hover {
color: #FF0000;
font-size: small;
font-weight: bold;
text-decoration: none;
}
ul#tree-menu li.toggle ul a:hover {
color: #FF0000;
font-size: x-small;
font-weight: bold;
text-decoration: none;
}
En bit av själva html-koden
<ul id="tree-menu">
<li class="static"><div><a target="_top" href="index.htm">Startsida</a></div></li>
<br>
<li class="static"><div><a target="main" href="Banan_1_24.htm">
Inomhusbanan</a></div>
<p>
<br>
<li class="static"><div><a href="dasd.htm">Länk</a></div></li>
<li class="toggle"><div>Länk</div>
<ul>
<li><a target="main" href="asd.htm">Länk</a></li>
<li><a target="main" href="asd.htm">Länk</a></li>
</ul>
</li>
<li class="toggle"><div>Länk</div>
<ul>
<li><a href="asdasd.htm">Länk</a></li>
</ul>
</li>
<li class="toggle"><div>Länk</div>
<ul>
<li><a target="main" href="asd.htm">Länk</a></li>
<li><a target="main" href="asd.htm">Länk</a></li>
</ul>
</li>