No replies
elvstine
Offline
newbie
Last seen: 8 years 38 weeks ago
Timezone: GMT+1
Joined: 2010-01-28
Posts: 1
Points: 2

Check out mu menu:
http://www.elvstrompartnernet.com/Stine/JavaMenuTest.aspx

It is a customized version of jquery drop line menu:
http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

How do I get the level 2 and level 3 items to align to parent?

body
{
font-family: Arial;
font-size: 10px;
padding: 0px;
margin: 0px;
z-index: 0;
/*overflow: hidden;*/
}
.droplinebar
{
/*overflow: hidden;*/
/*border: medium solid #3333CC;*/
vertical-align: top;
text-align: center;
}

.droplinebar ul
{
padding: 0px;
margin: 0px;
/*border: thin solid #FFFF00;*/
background: transparent url(gfx/BGMainMenu.gif);
background-repeat: repeat-x;
background-position: left top;
float: left;
width: 100%;
vertical-align: top;
}

.droplinebar ul li
{
padding: 0px;
margin: 0px;
/*border: thin solid #00FF00;*/
display: inline;
text-align: center;
}

.droplinebar ul li a
{
float: left;
color: #000000;
width: 86px;
height: 17px;
white-space: nowrap;
word-spacing: -1px;
text-decoration: none;
border-right-color: #000000;
border-right-style: solid;
border-right-width: thin;
padding-top: 3px;
font-size: 10px;
overflow: hidden;
padding: 3px 2px 0px 2px;
}

.droplinebar ul li a:visited{
color: #000000;
}

.droplinebar ul li a:hover, .droplinebar ul li .current
{
/*background of main menu bar links onMouseover*/
background: transparent url(gfx/BGSubMenu.gif);
background-repeat: repeat-x;
background-position: left top;
color: #FFFFFF;
}

/* Sub level menus*/
.droplinebar ul li ul
{
background: transparent url(gfx/BGMainMenu.gif);
background-repeat: repeat-x;
background-position: left top;
position: absolute;
z-index: 100;
left: 0;
top: 0; /*background: #303c76; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a
{
width: 86px;
color: #000000;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
/*background: transparent;*/
background: transparent url(gfx/BGSubMenu.gif);
background-repeat: repeat-x;
background-position: left top;
color: #FFFFFF;

}