Olen tehnyt valikon, joka firefoxissa toimii ihan css-pohjalla, mutta hiukan on ongelmia saada tätä Ie-versiota toimimaan.
<script type="text/javascript"> /* IE6 */ startList = function() { /* utilize this function also to preload XML */ /* preload finished */ if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); navRoot2 = navRoot.childNodes[0]; for (i=0; i<navRoot2.childNodes.length; i++) { node = navRoot2.childNodes[i]; if (node.nodeName=="li") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } checkBrowserWidth(); } window.onload=startList; </script>
<div id="nav"> <ul id="navlist"> <li style="width:auto" class="naviotsikko1">Otsikko <ul> <li><a href="index.php?ilmoitus=1&os=1">eka</a></li> <li><a href="index.php?ilmoitus=1&os=2">toka</a></li> <li><a href="index.php?ilmoitus=1&os=3">kolmas</a></li> </ul> </li> <li style="width:auto" class="naviotsikko2">Otsikko2 <ul> <li><a href="index.php?ilmoitus=2&os=1">eka</a></li> <li><a href="index.php?ilmoitus=2&os=2">toka</a></li> <li><a href="index.php?ilmoitus=2&os=3">kolmas</a></li> </ul> </li> ....
Mahtaako vaikuttaa tuo, että olen joutunut muuttamaan eri class-nimen noille li-elementeille, jotta voin tyylitellä ne eri tavoin.
Ps. Huomasin juuri, ettei tuo checkBrowserWidth() ole määritelty. Minulta puuttuu tuosta yksi js-tiedosto. Katsotaan, auttaako miten pitkälle tuon lisäys.
Eipä vaikuttanut tuo muutos. Olen ottanut mallia tuolla sivulla olevasta valikosta:
Minulla on ubuntussa testausta varten pelkästään ie6, en tiedä, toimiiko uudemmissa IE-versioissa.
Miten tuo saa kangettua?
Käytä vaikka Dean Edwardsin IE7.js -skriptiä, se kasvattaa IE6:n CSS-tukea kylliksi. Toinen vaihtoehto on käyttää Whatever:hoveria.
Deanin skripti kasvattaa IE:n CSS-tukea ylipäätään, mutta saattaa monimutkaisilla sivuilla aiheuttaa uusia ongelmia (esim. merkittävä hidastuminen). Whatever:hover tarjoaa pelkän :hover-tuen kaikille elementeille.
Kiitos.
Tuolla lyhyellä pätkällä sain sen toimimaan.
Aihe on jo aika vanha, joten et voi enää vastata siihen.