Avatar billede roz Nybegynder
27. december 2004 - 00:05 Der er 1 løsning

Problem med Dropdown menu

Jeg har en dropdown menu som gerne skulle komme frem når man fører musen hen over et stykke af et billede.
Det virker også fint nok men istedet for at menuen bliver fremme indtil musen bliver flyttet uden for alle knapperne, forsvinder den ligeså snart man flytter musen fra en knap til en anden.

Her er html filens kode:



<link rel="stylesheet" type="text/css" href="style.css">

<center><img id="top" src="billeder/top.jpg" usemap ="#top" border="0"></center>

<map id ="top" name="top">

<area shape ="poly" coords ="198,92,438,92,413,128,174,128" href ="dhh.php" onMouseOver="document.getElementById('dhhmenu').style.visibility = 'visible';"/>

</map>

<div id="dhhmenu" Style="visibility: hidden;" onMouseOut="document.getElementById('dhhmenu').style.visibility = 'hidden';">

<img id="menupunkt1hover" Style="visibility: hidden;" src="billeder/nyhedssjovhover.jpg" onMouseOut="document.getElementById('menupunkt1hover').style.visibility = 'hidden';">
<img id="menupunkt1" src="billeder/nyhedssjov.jpg" onMouseOver="document.getElementById('menupunkt1hover').style.visibility = 'visible';">

<img id="menupunkt2hover" Style="visibility: hidden;" src="billeder/wallpapershover.jpg" onMouseOut="document.getElementById('menupunkt2hover').style.visibility = 'hidden';">
<img id="menupunkt2" src="billeder/wallpapers.jpg" onMouseOver="document.getElementById('menupunkt2hover').style.visibility = 'visible';">

</div>   


og det tilhørende stylesheet:

#top        {
        z-index: 2;
        }

#dhhmenu    {
        position: absolute;
        left: 250px;
        top: 143px;
        height: 52px;
        width: 173px;
        z-index: 5;
        }

#menupunkt1    {
        position: absolute;
        top: 0px;
        z-index: 3;
        }

#menupunkt1hover{
        position: absolute;
        top: 0px;
        z-index: 4;
        }

#menupunkt2    {
        position: absolute;
        top: 26px;
        z-index: 3;
        }

#menupunkt2hover{
        position: absolute;
        top: 26px;
        z-index: 4;
        }



Problemet kan ses her:
www.cyberray.1go.dk/Test/top.htm

Håber der er nogen der kan hjælpe.

Mvh.
Rune Jensen
Avatar billede roz Nybegynder
15. januar 2005 - 22:12 #1
Nå har fundet ud af det...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester