Comments on: Pure CSS Horizontal Menu

By: ben

ben — Tue, 31 Jan 2012 05:02:21 +0000

such a fabulous tutorial. Thank you so much for the easy to follow explanation.

By: Andy

Andy — Mon, 30 Jan 2012 18:36:50 +0000

Great tutorial – My current website uses an Adobe Spry for horizontal menus. Devin’s solution is much cleaner (no javascript). I plan to extend my site to support desktops, tablets, and smart phones. To do this I am using an external style sheet with the following content:
/* Desktop & Tablet */
@import url(“Horiz.css”) only screen and (min-width:321px);

/* Phone */
@import url(“Vert.css”) only screen and (max-width:320px);

The Horiz.css & Vert.css files were extracted from the 2 tutorials.
I only need to modify Horiz.css to handle multiple levels.

By: Andrzej

Andrzej — Wed, 25 Jan 2012 13:41:18 +0000

Dear Devin,

your tutorial is a great!

however – I’m trying to add sub-sub-menu and it’s still visible with sub-menu. Can you explain step-by-step how to “hide” it untill its been clickin on?

I tried to do this according your comment (http://www.devinrolsen.com/pure-css-horizontal-menu/#comment-112)

made a new rules (copy from 2nd level)
but I don’t understand what to do with:

The only other changes would have to be in the new sub level rule \”#navigation li li ul\” where you would want to adjust the top and left rules to your desired results.
Lastly don’t forget to add a new sub level unordered list in our structure where you desire a second sub level menu.

Thanks in advance

By: 30 Excellent CSS Menu Tutorials | stylishwebdesigner

30 Excellent CSS Menu Tutorials | stylishwebdesigner — Thu, 29 Dec 2011 18:21:57 +0000

[...] Pure CSS Horizontal Menu [...]

By: Np

Np — Thu, 29 Dec 2011 05:32:05 +0000

Really Liked it.Simple and power ful

By: bakari ayubu

bakari ayubu — Wed, 21 Dec 2011 06:13:02 +0000

thank you very much I am real interested in this tutorial and i am sure every one interested in this tuitorial

By: manasvi

manasvi — Tue, 20 Dec 2011 09:59:10 +0000

too good.. awesome… thanks a ton!!

By: manasvi

manasvi — Tue, 20 Dec 2011 09:46:14 +0000

superb, lovely and awesome… thanks a lot!!!

By: Ravi

Ravi — Mon, 19 Dec 2011 10:35:24 +0000

Thank you very much this tutorial. It’s be very helpful for me.

By: B

Mon, 19 Dec 2011 08:11:53 +0000

Thanks a bunch! Saved me from tearing my hair out!

By: Athias Avians

Athias Avians — Sun, 18 Dec 2011 13:21:58 +0000

This is wonderful. You are full of abilities to guide. Thanks so much. I am now happy and confident.

By: Lord Jaguar

Lord Jaguar — Sun, 18 Dec 2011 10:18:00 +0000

Hey,

Great tutorial. You wrote in way back in 2009 and people still come looking for it :-) That shows how important a topic you chose to blog on.

Keep up the good work.

thanks !