Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I want to build a horizontal menu bar with a multi column flyout of the hovered item. It should be done with html lists, css and javascript (if needed) only. There should be a max height of the flyout so that the following ul's automatically break into the next column.

An example of the mentioned navigation can be found on the italian microsoft website (first navigation point called "Windows").

share|improve this question

closed as off topic by Kris, John Conde, Mark Henderson Sep 2 '10 at 5:14

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

    
This question amounts "show me the codez" and is likely to be closed. If you wish to avoid this I would recommend editing it to highlight specific areas that you are having difficulty implementing. –  Kris Sep 1 '10 at 15:06
    
And the question is? –  Alex Sep 1 '10 at 17:07
    
Looks like a dropdown menu to me. –  Lèse majesté Sep 2 '10 at 0:35

3 Answers 3

up vote 1 down vote accepted

The Sitepoint Mega Dropdown Menu with jQuery is a great tutorial, and it has served me well. The way these things work is by using a div container as the dropdown, so whatever you put in it, e.g., the multicolumn list, would be up to you.

share|improve this answer
    
That's what I've been looking for, thanks –  apparat Sep 1 '10 at 17:31

Found a possible solution here:

http://www.alistapart.com/articles/multicolumnlists/

share|improve this answer

A nice, big repository of different CSS-menus can be found here: http://www.cssplay.co.uk/menus/

Be aware: "If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission" (Stu Nicholls)

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.