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
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------
[Redigeret d. 24/12-04 14:23:40 af Rune Jensen (RoZ)][Redigeret d. 24/12-04 14:23:56 af Rune Jensen (RoZ)]