Det virker perfekt
mange tak.
Har lige et spørgsmål...
Jeg bruger den kode du gav mig her:
<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;
}
Dropdown menuen kommer fint frem nr jeg har musen over. Men den forsvinder igen ligeså snart jeg flytter musen fra en knap (i dropdown menuen) til den næste.
Kan du se hvad der er galt?
Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------