Heey,
Ik heb een drop down menu
www.EmRadio.nl
Maar hij is niet echt drop down
kan iemand helpen
Hier is de code van het menu
Alvast bedankt!
Ik heb een drop down menu
www.EmRadio.nl
Maar hij is niet echt drop down
kan iemand helpenHier is de code van het menu
.sf-menu {padding:0px 0px 0 0; position:absolute; top:270px; left:5px; z-index:900; width:950px;}
.sf-menu li {
float:left;
background:url(images/bg-menu.jpg) 0 0 repeat-x #0c0c0c;
font-size:24px;
line-height:1.2em;
border:none;
width:158px;;
text-align:center;
padding:0px;
}
.sf-menu li.last-item {width:160px;}
.sf-menu li a {
display:block;
color:#fff;
text-decoration:none;
padding:16px 0;
background:url(images/spacer-menu.jpg) right 0 no-repeat;
}
.sf-menu li a.last-item {background:none;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu .current {
background:url(images/bg-menu-active.jpg) 0 0 repeat-x #b6b4b4;
}
.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu .current a {color:#161616;}
.sf-menu ul {
position:absolute;
width:158px; /* left offset of submenus need to match (see below) */
padding:0;
z-index:200;
background:none;
height:124px;
}
.sf-menu ul li {
background:url(images/bg-sub-menu.jpg) 0 0 repeat-x;
border:none;
font-size:12px;
line-height:31px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
width:158px;
padding:0px;
margin:0;
}
.sf-menu ul li a {
display:block;
text-decoration:none;
padding:0 0 0 11px;
background:none;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover {
background:url(images/bg-sub-menu-active.jpg) 0 0 repeat-x #0c0c0c;
}
.sf-menu li {
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0px;
top:61px; /* match top ul list item height */
z-index:99;
}
/*
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
background:none;
margin:0;
padding:0;
}
*/
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:254px; /* match ul width */
top:-5px;
height:80px;
width:203px;
padding:6px 0 9px 0px;
background:#fd7400;
}
.sf-menu li:hover li a,
.sf-menu li.sfHover li a {
display:block;
color:#3d3d3d;
background:none;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {
display:block;
background:none;
color:#fff;
}
.sf-menu li li li {
position:relative;
width:203px;
background:none;
padding:0px;
}
.sf-menu li li.sfHover li a {
display:block;
color:#fff;
text-decoration:none;
padding:4px 0px 4px 20px;
background:none;
}
.sf-menu li li.sfHover li a:hover {background:#000; color:#fff;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline:0;
} Alvast bedankt!