Comments for Devin R. Olsen Web Developer

Comment on Pure CSS Vertical Menu by Greg

Greg — Wed, 01 Feb 2012 23:06:28 +0000

This is a great example and explanation. Thanks for putting this up!

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

Comment on Pure CSS Vertical Menu by Devin R. Olsen

Devin R. Olsen — Mon, 30 Jan 2012 19:28:01 +0000

@Ruth, sounds like the parent li container for your sub-level menu items was not given a position relative. This will prevent the sub-level menu (who is set to position absolute) from breaking out of the flow of design all the way up to the body, but rather breaks it from the flow of design up to it’s immediate parent container.

You might also need to specify a fixed width for your sub-level ul menu container.

Hope this helps.

Comment on Pure CSS Menu With Infinite Sub Menus Tutorial by Devin R. Olsen

Devin R. Olsen — Mon, 30 Jan 2012 19:25:14 +0000

@ebru, I removed your code from the comment. I normally don’t even allow comments who just spam their code in them, because I have already stated above (at the end of the tutorial) to PLEASE send all code related questions to http://www.jsfiddle.net/. This prevents my comments list from being spammed with meaning less code and keeps the question first and foremost.

Try again.

Comment on Pure CSS Horizontal Menu 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.

Comment on Pure CSS Vertical Menu by Ruth

Ruth — Sun, 29 Jan 2012 19:10:25 +0000

Hello Devin,

I’m very new to this and following your instructions down to:

The next thing we want to setup, is our sub-level list items styles:

For some reason as you can see from the URL (well it is on my IE9) my sub-level is spread across the page on one line.

Comment on Pure CSS Vertical Menu by Jay M. Kusombi

Jay M. Kusombi — Thu, 26 Jan 2012 15:56:14 +0000

Very thorough, well done sir.

Comment on How to model a 3d building and interior by Maralynn

Maralynn — Thu, 26 Jan 2012 03:19:24 +0000

This website makes thngis hella easy.

Comment on Pure CSS Horizontal Menu 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

Comment on Pure CSS Menu With Infinite Sub Menus Tutorial by ebru

ebru — Mon, 23 Jan 2012 20:23:09 +0000

hey devin!
i was wondering if you can show how to make the second sub menu go horizontal?
thanks!

Comment on Pure CSS Menu With Infinite Sub Menus Tutorial by ebru

ebru — Sun, 22 Jan 2012 01:10:06 +0000

hey there!
thanks for the helpful tutorials! i changed some of the stuff. and it is working perfectly fine. however, i have been trying to make the second sub menu go horizontal but so far no luck… i was wondering if you can take a look at my code…

Comment on Pure CSS Vertical Menu by Spandan Sarkar

Spandan Sarkar — Sat, 21 Jan 2012 05:49:41 +0000

It was great to learn from you……..I have implemented it in my website. Thank you so much……your hard work is helping a lot of people….thanks again…