Hey,
I was wondering if there was any way to make the submenus always appear on top of text on the website? I need the menu to override any existing text if the user desires to view the full menu bar

Javascript pop-up menus do not show over form items. It's probably true too of flash and java user controls too. Lesson: place your form elements far away from Javascript menus.

I am merely try to get it to appear over text(not a text box)

Is the text in a layer or css classed div?
That may be the problem.

Hello, I was wondering if there is a way to make the drop out menus have like a 2second delay before disapearing.

I saw it on this web site http://www.totaltraining.com and it would really help if someone could tell me how to do this to make it easier to navigate.

Thanks in advance

I love this menu! Thank you for making it. Is there any way to get the pageup feature to work or to get the tree to reverse up when the menu gets to the bottom of the page? Any Holly Hacks greatly appreciated. I will post if I get it. Thanks!
4um

Georgiana, change the background on the submenu from being transparent to white or whatever... then make sure that you did not hack it up trying (like i always do)--I had changed a 0 to a 1 in one spot on the values of the submenus and had the same problem...I was thinking I had made a negative 0 a positive 1, but it was really making the background white that did it for me - and watch the sequence of the li tags for sure... Here is a little red, white and black variation-except the page nor the menu moves to accomodate the edge of the screen either way. You have to manually "page up" or "page over" to see the entire menu...this between style tags:

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}

.suckerdiv ul li{
position: relative;
}

/*1st level sub menu style */
.suckerdiv ul li ul{
left: 149px; /* Parent menu width - 1*/
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{
left: 159px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
background: #ffffff;
background-color: white;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
background-color: white;
text-decoration: none;
color: black;
}

.suckerdiv ul li a:hover{
background-color: red;
text-decoration: underline;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}
background-color: white;
}


/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

4um

If I use this vertical menu on a frame on the left-hand side of my web page and if I expand the menu out to a sub item that extends past the right-hand edge of the frame will it extend into the frame to its right or will it not be visible? Just wondering...

I am using this code to generate some company intranet pages. When I open up a sub menu which causes the vertical window to increase in size it is difficult at best to scroll through the submenu using a mouse... Is there anything I can add to the code to make this work better....

I am new to this and am trying to use the vertical menu but it doesn't seem to work in many aspects. Can someone send me the URL to a website where they actually used this cascading menu. I can check the code and see what I am doing wrong.