shmy
11-29-2010, 05:35 AM
Hi there,
I used this menu: http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/
The sub menus are not showing up and I can't figure out why. It looks like it is something obvious!
CSS:
.droplinebar{
overflow: hidden;
}
.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: 14px Arial;
background: #793700; /*default background of menu bar - url(bluedefault.gif) center center repeat-x*/
}
.droplinebar ul li{
display: inline;
}
.droplinebar ul li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}
.droplinebar ul li a:visited{
color: white;
}
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: #000000;
/* background: transparent url(blueactive.gif) center center repeat-x; */
}
/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 200;
left: 0;
top: 0;
background: #969595; /*sub menu background color */
visibility: hidden;
}
/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #242c54;
}
I can also post the HTML code. Let me know. Thanks!
I used this menu: http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/
The sub menus are not showing up and I can't figure out why. It looks like it is something obvious!
CSS:
.droplinebar{
overflow: hidden;
}
.droplinebar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
font: 14px Arial;
background: #793700; /*default background of menu bar - url(bluedefault.gif) center center repeat-x*/
}
.droplinebar ul li{
display: inline;
}
.droplinebar ul li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}
.droplinebar ul li a:visited{
color: white;
}
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
color: #000000;
/* background: transparent url(blueactive.gif) center center repeat-x; */
}
/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 200;
left: 0;
top: 0;
background: #969595; /*sub menu background color */
visibility: hidden;
}
/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 13px Verdana;
padding: 6px;
padding-right: 8px;
margin: 0;
border-bottom: 1px solid navy;
}
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #242c54;
}
I can also post the HTML code. Let me know. Thanks!