I found a nice Horizontal Menu using a simple JavaScript and minimal CSS capable of sub-menu items.
It looks nice and works well with one level of drop-down items. But when I add sub-menus I get a drop-down list of sub-menus under the main menu item directly under the main menu item which makes it impossible to select items under a sub-menu.
I'll try to explain:
Hovering over the main menu causes the sub menus to drop down.
Moving the mouse over the first sub menu causes the items to drop down as they should.
Moving the mouse down, like to an item, causes the second sub menu to activate rather than letting you select an item in the first sub menu.
To fix it, the sub menus and items simply need to be offset about 5 character widths to the right so you can either drop straight down to select sub menus or slide over to select items in the current sub menu.
I'm attaching a zip file with the .aspx file and associated .css, .js and image files required. The support files are in appropriate css, scripts and image folders for the paths in the .aspx file.
I'd appreciate anyone who could take a look at this and help me fix it. (the css is well documented with comments)
Thanks a bunch!
p.s. Sorry, I had to add .doc to the .zip filename to upload it. I hope I don't get in trouble for that.
Start Free Trial
