PDA

View Full Version : Horizontal menu, get rid of extra space and center menu



bo0bytrap
04-11-2012, 02:39 PM
1) Script Title:

jQuery Multi Level CSS Menu #2

2) Script URL (on DD):

http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/P20/

3) Describe problem:

Is there any way to get rid of the extra space on the right and to center it? Thank you for any help. I really appreciate it

ddadmin
04-11-2012, 06:46 PM
There's no "quick" way to do this unfortunately, mainly due to the menu's use of CSS's float:left to achieve its look. It's what creates the two "issues" you mentioned above. You can try replacing float:left with substitute properties that still maintains the look you want, though there are quite a few CSS pitfalls you'll want to watch out for while doing this.

Alternatively you can look at using a JavaScript based drop down menu that works on any horizontal menu, such as:

http://www.dynamicdrive.com/dynamicindex1/ddmegamenu.htm
http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

bo0bytrap
04-11-2012, 07:53 PM
Is it possible to make a max width? So not directly remove all extra space, but force it by setting a maximum?