Comments on: Pure CSS Horizontal Menu

By: cihip

cihip — Mon, 06 Sep 2010 10:46:16 +0000

Pure CSS Horizontal Menu post for thanx.

By: Raj

Raj — Wed, 01 Sep 2010 11:51:08 +0000

I just want to say that really cool stuf and the best part is the way you explained!! great workkk! Thanks a lot!!

By: Shouvik Mukherjee

Shouvik Mukherjee — Wed, 25 Aug 2010 12:59:29 +0000

Love your tutorial. Simple to play with … ☺
Thank you very much!

By: oneblackswan

oneblackswan — Tue, 10 Aug 2010 21:40:42 +0000

Devin,

I have spent MANY hours trying to get a good css nested menu tutorial and finally I have found yours. Thank you!

One question: If I want to center the menu, what is the rule for that?

Thanks.
ps: Hope you will find it in your heart to also give us a horizontal nested menu that is pop-up rather than drop-down.

By: computer programming tutorials

computer programming tutorials — Sat, 07 Aug 2010 11:40:45 +0000

Very very informative tutorials.

By: Kyle

Kyle — Thu, 05 Aug 2010 17:21:34 +0000

Hi Dev,

I’ve made the changes you suggested but I’m having the same result. Thanks for taking time to look at it!

By: Devin R. Olsen

Devin R. Olsen — Thu, 05 Aug 2010 01:15:44 +0000

@Kyle – Line 38 of your main.css (#nav ul li) you forgot to add a “position:relative;”. Next line 41 of main.css (#nav li ul) set the following to “top:14px; left:0px;”.

Seems you forgot to set the parent element of your sub menus to be positioned relative so you may position your sub menus relatively to your menu items vs. the entire menu its self.

Let me know if this fixes or helps the issue.

By: Kyle

Kyle — Wed, 04 Aug 2010 20:18:23 +0000

Hi Dev,

Here’s the link.
shymangoo.freetzi.com/1.html

thanks!

By: Devin R. Olsen

Devin R. Olsen — Tue, 03 Aug 2010 05:02:31 +0000

@Kyle – I would need a link to further investigate this issue.

By: Kyle

Kyle — Mon, 02 Aug 2010 17:32:00 +0000

Hi Devin,

I do have a slight problem with IE7, when I try to zoom in to at least 110%, the top-level menu items gets “squeezed”, it looks like they ignored their assigned padding. Works great with all other browsers. Any thoughts?

PS: Love all of yer tutorials! More Power!

By: Fernando Illas

Fernando Illas — Sun, 25 Jul 2010 05:57:43 +0000

Thanks for the article it was really helpful to me

By: Electric cigarette

Electric cigarette — Sat, 24 Jul 2010 01:12:26 +0000

This really is a terrific article, but I was questioning how do I subscribe towards the RSS feed?