Mobile app version of vmapp.org
Login or Join
Moriarity557

: Multi column flyout menu 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

@Moriarity557

Posted in: #Css #Html #Javascript

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

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Moriarity557

3 Comments

Sorted by latest first Latest Oldest Best

 

@Nimeshi995

A nice, big repository of different CSS-menus can be found here: 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)

10% popularity Vote Up Vote Down


 

@Megan663

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme