Drop Down Menu

Gestart doorEvanlieshout0 reacties25 weergaven

1 berichten · pagina 1 van 1

Evanlieshout

Lid · Topicstarter

Berichten
472
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Heey,

Ik heb een drop down menu
www.EmRadio.nl

Maar hij is niet echt drop down xd kan iemand helpen

Hier 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!
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren