Comments on: How To Build A Simple jQuery Horizontal Drop Down Menu http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/ A digital community for web designers and developers by sharing freebies, great tutorials, useful resources and online tips. Wed, 08 Feb 2012 06:22:30 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Omsoftech http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-21482 Omsoftech Mon, 09 Jan 2012 06:30:03 +0000 http://www.onextrapixel.com/?p=351#comment-21482 can i change the color? can i change the color?

]]> By: deep4ut http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-21288 deep4ut Wed, 21 Dec 2011 10:34:53 +0000 http://www.onextrapixel.com/?p=351#comment-21288 jquery again rocks jquery again rocks

]]> By: srini http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-21228 srini Mon, 19 Dec 2011 12:51:51 +0000 http://www.onextrapixel.com/?p=351#comment-21228 this is perfect... so easy and customizable.... gracious!! this is perfect... so easy and customizable.... gracious!!

]]> By: Andrew http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-11611 Andrew Fri, 10 Dec 2010 11:57:10 +0000 http://www.onextrapixel.com/?p=351#comment-11611 Hi, this looks to be a perfect example - simple and clean. How would I tweak this so the nav items (top level and dropdowns) always center in page and the background bars/graphics go full width? Also to fully utilise the jquery it would be nice to have a fade or slide effect on the dropdowns, no? Thanks! Hi, this looks to be a perfect example - simple and clean. How would I tweak this so the nav items (top level and dropdowns) always center in page and the background bars/graphics go full width?

Also to fully utilise the jquery it would be nice to have a fade or slide effect on the dropdowns, no?

Thanks!

]]> By: gamez http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-9179 gamez Tue, 05 Oct 2010 13:47:17 +0000 http://www.onextrapixel.com/?p=351#comment-9179 Hi: when I chose a menu, How I can to make "activated" the menu and submenu selected? Thanks for this tutorial, is very good. Hi: when I chose a menu, How I can to make "activated" the menu and submenu selected?
Thanks for this tutorial, is very good.

]]> By: Brutus2k http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-3974 Brutus2k Fri, 26 Mar 2010 12:57:28 +0000 http://www.onextrapixel.com/?p=351#comment-3974 Is it possible to to make te first item submenu visible by default? Is it possible to to make te first item submenu visible by default?

]]> By: Kevin Johnson http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-2664 Kevin Johnson Mon, 01 Feb 2010 18:08:55 +0000 http://www.onextrapixel.com/?p=351#comment-2664 I was able to mostly solve my problem by adding negative left margins to the submenu UL ie ul style="margin-left: -215px;" etc Hope that helps, -Kevin I was able to mostly solve my problem by adding negative left margins to the submenu UL

ie ul style="margin-left: -215px;"
etc

Hope that helps,
-Kevin

]]> By: Kevin Johnson http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-1081 Kevin Johnson Sun, 25 Oct 2009 19:11:08 +0000 http://www.onextrapixel.com/?p=351#comment-1081 Great tutorial, thanks. I've been looking for a good menu like this but there aren't that many jQuery ones available it seems. One problem I did run into that I have been trying to solve is what happens when your top level menu ends on the very right of your layout, and you have multiple menu items? Rather than moving more to the left it continues on to the right beyond the edges of the html. I haven't figured out a way to set this so it doesn't. Negative margins somewhere inline maybe, not sure. Any ideas? You can see my layout here: http://www.limostar.com/beta Thanks! Great tutorial, thanks. I've been looking for a good menu like this but there aren't that many jQuery ones available it seems.

One problem I did run into that I have been trying to solve is what happens when your top level menu ends on the very right of your layout, and you have multiple menu items?

Rather than moving more to the left it continues on to the right beyond the edges of the html. I haven't figured out a way to set this so it doesn't. Negative margins somewhere inline maybe, not sure.

Any ideas?
You can see my layout here:
http://www.limostar.com/beta

Thanks!

]]> By: Gabor http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-955 Gabor Wed, 30 Sep 2009 10:27:04 +0000 http://www.onextrapixel.com/?p=351#comment-955 1. In this example the submenus begin under the main menus item. So the submenu items of the rightmost mainmenu can consume the least place compare to the leftmost mainmenu. How can we achive, that all submenu items begins at the left margin. 2. How can I achieve, the choosen menuitem doesn't disapear, when I move the cursor off. Of course, in that case I would implement the menu on the master page, and have to rewrite the javascript library too. Thanks in advance Gabor 1. In this example the submenus begin under the main menus item.

So the submenu items of the rightmost mainmenu can consume the least place compare to the leftmost mainmenu.

How can we achive, that all submenu items begins at the left margin.

2. How can I achieve, the choosen menuitem doesn't disapear, when I move the cursor off. Of course, in that case I would implement the menu on the master page, and have to rewrite the javascript library too.

Thanks in advance

Gabor

]]> By: yoxx http://www.onextrapixel.com/2009/05/19/how-to-build-a-simple-jquery-horizontal-drop-down-menu/comment-page-1/#comment-509 yoxx Tue, 04 Aug 2009 05:46:00 +0000 http://www.onextrapixel.com/?p=351#comment-509 great tips... great tips...

]]>