Comments on: Two Level Horizontal Dropdown Menu using CSS and HTML

By: Iain Mars

Iain Mars — Tue, 06 Dec 2011 09:26:15 +0000

Well this is just excellent! Thank you so much for sharing this with us.

By: Karen

Karen — Sun, 02 Oct 2011 12:41:02 +0000

I tried this both with and without doctype and I can’t get the drop downs to appear in IE8? any suggestions?
Thanks so much!

By: pravin

pravin — Wed, 21 Sep 2011 12:32:45 +0000

Works in ie Untitled Document #navigation{ background: url('images/menubg1.png') repeat-x; float:left; height:47px; margin:0 0 0 48px; width:888px; } #navigation ul{ margin:0; padding: 0;} #navigation ul li{ background: url('images/menu-divider.png') no-repeat center right; display:inline; height:47px; list-style:none; float:left;} #navigation li a{ color:#000000; text-decoration: none; line-height:47px; display:block; font-family:rockwell; font-size:14px; padding:0px 30px; } #navigation li a:hover{ color:#FFFFFF; background-image:url(images/menu-hover.png); background-repeat:repeat-x;} #navigation ul li ul li{ display: block; background:#FFFFFF;} #navigation ul li ul li{ display: block; background:#027292; float:none} #navigation ul li ul li{ display: block; background:#027292; float:none; border-top:1px solid #373737;} #navigation li ul{ display:none;} #navigation ul li:hover ul, #navigation ul li:focus ul{ position:relative; display:block;} #navigation li a.leftround{background-image:url(images/first-rounded.jpg); background-repeat:no-repeat;} #navigation li a.leftround:hover{background-image:url(images/first-rounded-blue.jpg); background-repeat:no-repeat; background-color:#1086a9;} #navigation li a.rightround{background-image:url(images/last-rounded.jpg); background-repeat:no-repeat; background-position:right;} #navigation li a.rightround:hover{background-image:url(images/last-rounded-blue.jpg); background-repeat:no-repeat; background-color:#1086a9;} Home About Us Sub Link Sub Link Sub Link Services portfolio Testimonials Request for Quote Contact Us

By: Ebby

Ebby — Thu, 01 Sep 2011 06:03:32 +0000

Good Day.
Thank you for the excellent navigation menu tutorial.
Unfortunately, the drop-down menu does not work in IE8. Do you have a fix for this?
Thank you,
ebby.

By: Anto

Anto — Thu, 25 Aug 2011 23:22:21 +0000

Thanks for this poster, works perfectly well on all ‘Modern Day Browsers’

Forget fixing it for IE6, Me and my company don’t even open the site in IE6 anymore to test, and make our clients fully aware that this is this case.

IE6 is a TEN year old browser, and there has been 3 FULL releases of IE so clients should really be upgrading, there is no excuse not to! I believe many companies also have taken this approach.

http://news.bbc.co.uk/1/hi/8488751.stm

http://www.businessinsider.com/microsoft-launches-anti-marketing-campaign-for-ie6-2011-3

By: iugod

iugod — Sat, 06 Aug 2011 03:30:45 +0000

I haven’t been online for a while to look into IE6 fixes. However, just to mention IE6 is now quite a old browser and I feel we should be looking at the modern browsers.

By: Veronica

Veronica — Tue, 28 Jun 2011 14:22:12 +0000

I was able to make the drop down menu. Thank you so much for explaining so well each step of the way.

By: Adesh

Adesh — Fri, 20 May 2011 07:10:26 +0000

hii i got the required output with the help of this
thankyou for posting this important information,

By: anonymous

anonymous — Sat, 30 Apr 2011 09:06:54 +0000

Any updates on IE6 fixes?

By: john doe

john doe — Wed, 06 Apr 2011 05:23:53 +0000

hi there i’ve tried this and works really fine, until you put more text than “sub link” i mean bigger text than the box try: “i’ve put this to try the sub link”, then it will display something really bad, can you tell me a tip to fix it? thank you