Tell me more ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.
up vote 0 down vote favorite

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
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

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 in the FAQ. 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 closed questions here.

3 Answers

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
up vote 0 down vote

Found a possible solution here:

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

share|improve this answer
up vote 0 down vote

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.