up vote 0 down vote favorite
share [g+] share [fb]

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").

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

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

Questions on Pro Webmasters - Stack Exchange are expected to generally relate to webmastering, within the scope defined in the faq.

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.

link|improve this answer
That's what I've been looking for, thanks – apparat Sep 1 '10 at 17:31
feedback
up vote 0 down vote

Found a possible solution here:

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

link|improve this answer
feedback
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)

link|improve this answer
feedback

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