Free css horizontal drop down menu - css example 3

Thursday 05 February 09 by Onsitus in CSS Menu

css menu dropdown preview

Css menu horizontal drop down based on the tutorial How to create a basic css horizontal drop down menu.

This drop down menu uses more ‘colored’ classes to apply a background image to each category with the css property background.

The result:

Compatible with IE7, Firefox, Safari, Opera.

Compatible with IE6, using the .htc file .httc as explained in the tutorial (included in the zip file - not applied to the above example).

  css-menu-esempio-3.zip (8.3 KiB, 5,166 hits)

10 comments

Stay updated with our RSS Feed

{ 2 trackbacks }

CSS Drop Down Menu Big Collection | X Design Blog
08.19.09 at 17:16
CSS Drop Down Menu Big Collection | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
12.03.09 at 09:18

{ 8 comments… read them below or add one }

Justin 03.25.09 at 07:51

Works in Chrome too

Onsitus 03.25.09 at 10:22

Thanks!

kraloyun 05.06.09 at 19:56

Ohhh. Its very colorfull. So good. thanks.

alexmfrd 05.19.09 at 16:01

Hey this is absolutely awsome :-) It is one of the first that I have gotten to work

straightalk 07.06.09 at 00:03

hey I used the this menu on this clients site blackstartupbiz.com and mines too 151years.com.

Loved it simple and neat to unzip the file clean codes Wow !!

Thank You

Spuffler 12.25.09 at 05:07

Umm, In your “The result:” section, the menu has a problem. Mouse over “Link 1″; the menu drops behind “Link 4″, hence “Link 1″ menu item “link1-1″ is behind “Link 4″. Is this just CSS merely presumed to be compatible with FF 3.x? Did you actually test it with FF?

vinod 01.05.10 at 09:57

hey thanks for the free css menus I’m goging to try it. Can this have more sub drop downs possible ? where do I need to Change..
help me in this.

Thanks for css menus….

Faridul Khan 04.10.10 at 13:05

T hank’s

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: How to create a basic css horizontal drop down menu

Next post: Free css template 4