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.