Hej.
Jeg har lavet en dropdown menu, men det nederste link (div) rammer over noget tekst så jeg ikke kan fokusere på det, uden at det lukker.
HTML_1:
<div id="panel">
<div class="menu_item" id="ydelser" onmouseover="showmenu('umenu1');" onmouseout="hidemenu('umenu1');">
Ydelser
<div class="omenu" id="umenu1">
<div class="umenu">Ydelser</div>
<div class="umenu">Produkter</div>
<div class="umenu">OOP</div>
</div>
</div>
</div>
HTML_2:
<div id="container">
<div id="midte">
<div id="overskrift">
Velkommen til BlomSites(.dk)
</div>
<div id="indhold">
TEKST
</div>
</div>
</div>
CSS:
#panel
{
font-weight: bold;
background: url(../images/header/menu/panel.jpg) no-repeat;
margin-left: 6px;
width: 798px;
height: 25px;
line-height: 1.8em;
vertical-align: middle;
zoom: 1;
}
#ydelser
{
float: left;
display: block;
cursor: pointer;
border-right: #000000 1px solid;
height: 25px;
}
.omenu
{
visibility: hidden;
display: block;
background: none;
border-bottom: solid 1px #FF9900;
margin-top: 1px;
z-index: 100;
}
.umenu
{
display: block;
color: #FF9900;
padding-left: 12px;
background: url(../images/header/menu/moerk.png) repeat;
}
.umenu:hover
{
background: none;
text-decoration: underline;
}
Der er selvfølgelig skåret en masse fra, men jeg tror det er dette der er noget galt med.
På forhand tak for din tid og hjælp
