Beste leden,
Voor een camping waar ik sta ben ik bezig met een website zodat de bezoekers en gasten op de hoogte zijn van de headlines en evenementen.
Nu heb ik een probleempje met mijn dropdown hij weergeeft hem in de slider terwijl hij onder het menu kopje moet vallen;
Voorbeeld:
http://campingdeeekhoorn.nl/
Dit is de code:
PHP
#topmenu {
width: 990px;
height: 30px;
background: #0a2000;
font-size: 8pt;
font-family: Cambria;
margin: 0px 0px 0px 0px;
}
#topmenu ul {
list-style: none outside none;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
}
#topmenu ul a {
position: relative;
display: block;
}
#topmenu ul li {
float: left;
margin: 0px;
z-index: 200;
}
#topmenu ul li:first-child{
margin: 0px 0px 0px 0px;
}
#topmenu ul ul {
position: absolute;
top: -9999em;
width: 230px; /* left offset of submenus need to match (see below) */
}
#topmenu ul ul li { width: 100%; }
#topmenu ul li:hover ul,
#topmenu ul li.sfHover ul {
top: 30px; /* match top ul list item height */
z-index: 150;
}
#topmenu ul a {
color: #FFFFFF;
font-size: 8pt;
padding: 6px 20px;
text-decoration: none;
}
#topmenu ul li a:hover {
text-decoration: none;
background:#19320d;
height: 30px;
}
#topmenu ul li a:focus {
border-bottom:0 !important;
}
#topmenu ul ul {
background:#19320d;
padding: 6px 19px;
text-align: left;
border-radius: 0px 0px 5px 5px;
}
#topmenu ul ul li {
border-top: 1px solid #444;
float: none;
margin: 0;
}
#topmenu ul ul li:first-child {
border-top: 0 !important;
}
#topmenu ul ul li a {
background: none !important;
border-bottom:none;
padding: 7px 0 9px;
width: auto;
}
