CODEWITHSUNDEEP
cssdrop-down-menuhtml-listsdepth
Ariyan
Ariyan

Reputation: 15158

creating CSS dropdown menu with unlimited depth

How can i create a pure css dropdown menu with unlimited depth (many nested ul) support?

EDIT:
I can create the unlimited depth menu but after a depth the menu goes out of page.
I need to overcome this. for example I thought about showing ul in odd depth at the right side and evens in the left side. but how? i don't know

Upvotes: 0

Views: 1025

Answers (1)

Arve Systad
Arve Systad

Reputation: 5479

To be quite honest, if you need a menu that's supposed to be used, you shouldn't design it to be "unlimited". A drop down menu on a web page/application shouldn't really be more than two or maybe three levels deep. Anything more, and it will be a total pain for your users.

Considered redesigning your application/information architecture/design?

That said, I do not think you can achieve what you want with pure CSS. My advice is to look into one of the thousands of JavaScript+CSS-menus that exist. They will work for you if you set them up correctly, and provide far better usability than a pure CSS-menu.

Upvotes: 1

Related Questions