dynamisk meny med js

[Soberano]

Problemet mitt er at begge divene som blir synlige når man holder musa over linken kommer opp ikke på samme sted. Altså første diven kommer opp der man vil, men den andre kommer opp under diven som er gjemt. Om noen forstår hva jeg mener =P

Veit om noen måte det kan fikses på? at div'n dukker opp på samme sted

 

 

 

<a href="?side=hjem"

onmouseover="document.getElementById('HJEM').style.vi sibility='visible'"

onmouseout="document.getElementById('HJEM').style.vi sibility='hidden'"

>Hovedsiden</a> |

<a href="?side=om"

onmouseover="document.getElementById('OM').style.visi bility='visible'"

onmouseout="document.getElementById('OM').style.visi bility='hidden'"

>Om oss</a>

 

 

<div id="OM"

style="position:relative; visibility:hidden; width:500px; height:80px; text-align:left;"

onmouseover="this.style.visibility='visible'"

onmouseout="this.style.visibility='hidden'"

>

<a href="?side=kontakt">kontakt</a> | <a href="?side=ansatte">Ansatte</a>

</div>

 

<div id="HJEM"

style="position:relative; visibility:hidden; width:500px; height:80px; text-align:left;"

onmouseover="this.style.visibility='visible'"

onmouseout="this.style.visibility='hidden'"

>

<a href="?side=produkter">Produkter</a> | <a href="?side=priser">priser</a>

</div>

[hishadow]

Tror problemet er at visibility=hidden fortsatt tar opp plass. Prøv å bytte ut:

visibility=hidden med display=none

og

visibility=visible med display=block

 

Tror onmouseover ikke vil funke etter en display=none btw.

Endret 30. august 2008 av hishadow

[evgeny]

display: none tar ikke opp plass