PDA

View Full Version : pop-up menu inside a drop-down menu help



cys
11-13-2007, 05:11 AM
Hi,

I need a very complex navigation menu for my website so, to make things simpler i decided to use pop-up menus inside a drop-down menu only that i cannot make it work.

In Firefox the pop-up menu does not appear over the drop-down menu when hovered only within the border limit of the drop-down menu. I figured out it has to do with the overflow property of the drop-down menu but, however i don't know how to fix it.

http://img152.imageshack.us/img152/1110/ff1ag7.jpg

In Internet Explorer it works almost fine, the pop-up menu appears over when hovered only that even when the drop-down menu is closed, it doesn't disappear how it normally should.

http://img57.imageshack.us/img57/2180/ie2bs3.jpg
http://img111.imageshack.us/img111/397/ie1vs9.jpg

There is another problem in both browsers, when the drop-down menu containing the pop-up is expanded, it goes a bit further away then the length of the pop-up menu is and then comes back to its normal length.This is because the javascript calculates the length of the submenu using the "a" tag and the pop-up menu has more hidden "a" tags then a normal submenu would have. But again, i don't know how to fix this.

For the drop-down menu i used http://www.dynamicdrive.com/dynamicindex1/slashdot.htm?foo=bar and for the pop-up menu i used the spry menu bar which comes with adobe dreamweaver cs3 http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

I'm trying for a few days now to solve this but with no result.
Thank you