John Kjoller wrote:
> Kan nogen mon hjælpe med at finde ud af hvorfor nedenstående fungerer i FF
> og Opera, men ikke i IE?
>
> Problemet er de ekstra links, under "albums" og under "kalender".
>
>
www.jesperlundgaard.frac.dk
>
> Og hvis nogen har gode tips til hvordan jeg laver den samme effekt, bare
> smartere - er de yderst velkomne.
>
Det kan være mange ting som er skyld i det. Det kan have noget at gøre
med dit z-index, at de nestede absolute positionerede elementer skrider
i IE eller at mouseout metoden bliver tricket for tidligt på image mappet.
Jeg ved ikke hvad der er helt præcis galt med din side, men der har
altid været fnider på den ene eller anden måde med image maps. Så jeg
vil anbefale dig at du skiller dig af med image mappet. Det er muligvis
ikke det, men jeg har ligesom en fornemmelse i min lille tå.
Så i stedet for et image map, kan du benytter dig af en ren CSS methode.
http://www.alistapart.com/articles/imagemap/
Hvis du laver menu'en som en liste kan du have en mouseover på
li-elementet som viser dens ul-elementer. Det kan gøres ret simpel ala
nedenstående:
<ul>
<li><a href="a">kontakt</a></li>
<li><a href="b">nyheder</a></li>
<li><a href="c">biografi</a></li>
<li onmouseover="visUL(this)" onmouseout="skjulUL(this);"><a
href="d">album1</a>
<ul>
<li><a href="d1">Album 1</a></li>
<li><a href="d2">Album 2</a></li>
<li><a href="d3">Album 3</a></li>
<li><a href="d4">Album 4</a></li>
</ul>
</li>
... o.s.v. ...
</ul>
<script type="text/javascript">
function visUL(what) {
what.documentGetElementsByTagName("ul")[0].style.display = "block";
}
function skjulUL(what) {
what.documentGetElementsByTagName("ul")[0].style.display = "none";
}
</script>
--
Martin Hintzmann Andersen
http://www.hintzmann.dk/