Free CSS Drop-Down Menu Framework

Features

• Modular, with themes. Not only HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Thus creating a new css drop-down menu means creating only a new theme since structure is permanent. What is more, creating a new theme is easy with available templates and takes 10-15 mins.
• Easily deployable. The code and files are well organized. Available channels to hook up to your CMS or other tools as well as existing websites in XHTML format.
• Easily transformable. Can be transformed by changing class name only. Available transformations: horizontal, vertical left-to-right, vertical right-to-left, horizontal linear, horizontal upwards.

• Cross browser. Configurations available for Windows Internet Explorer 5 or later, Mozilla Firefox 1.5 or later, Opera 7 or later, Apple Safari 2 or later, Google Chrome 1 or later, etc.
• JavaScript only for IE. Minimal JavaScript code only for IE 6 or earlier. Can be used with popular JavaScript libraries Jquery or Scriptaculous. Everything else is pure CSS.
• Super Fast. Having the above mentioned features it is not affected by any disturbances whatsoever.
• Continuous development. The project is constantly revised and improved.

Showcase

Download & Support

This CSS Drop-Down Menu is free and licensed under the GNU General Public License.

Download now!

Please consider donating to support further development:

Thanks a lot!

Leave your comments, questions, feature requests, etc.

Please participate actively to recieve extras and bonuses. Send in your themes or leave links where you're using this framework to be published and improved here. Also you can provide links of desired drop down menus out there that you would like to be implemented with this framework. Additional mimic themes will be here for download afterwards. If you have any comments, questions, feature requests or anything else please use the form below.

You are allowed to use the following tags: <a>, <strong>, <em>, <u>, <code>, <blockquote>

* Indicates required fields

Latest Comments

• February 8th, 2010 at 9:39PM (+2 GMT)jenni wrote:

  It is a very good tool. I used the vertical drop down menu on my site. The problem I encountered is that the submenu could not be displayed if there is any drop down control on the content page. Any clue to fix it?
  Thanks in advance!

• February 8th, 2010 at 2:59AM (+2 GMT)kaykim wrote:

  Thank you Simon, I didn't know it was that easy....

  Just another question, is it possible to have it float on the top of the page instead of on it's fixed position, which in my case is 150 pix below the top? I now have it floating at that position and it doesn't look nice. I want the header to scroll away and then have the nav bar sticking to the browser window. I hope I make myself clear enough. Thanks!

• February 7th, 2010 at 10:01PM (+2 GMT)Simon Lloyd wrote:

  You can float any css menu like this
  
div.floating-menu {position:fixed;border:0px;width:100%;z-index:100;}
div.floating-menu a, div.floating-menu{display:block;margin:0 0.5em;}
then wrap your css like this YOUR CSS

  Regards,
Simon

• February 7th, 2010 at 7:36PM (+2 GMT)kaykim wrote:

  Is it possible to make the VIMEO.com menu floating, so it stays visible when scrolling down the page???

• February 4th, 2010 at 5:28PM (+2 GMT)Mike Meadows wrote:

  Great tool!

  I am having difficulty getting your dropdown menu to perform properly in IE6. It is as if it does not lay them horizontally. IE7+ and Firefox look/work fine. Any ideas?

  Thanks

• February 4th, 2010 at 1:19PM (+2 GMT)Onore wrote:

  Hiya!
  I trying to use this menu in my project but style from its menu changed others html elements.. It`s not very cool.
  I think css style for menu must be writing for one element id or class

• February 4th, 2010 at 8:30AM (+2 GMT)Tom wrote:

  I have two dropdown menus, in IE7 i am finding the dropdowns from the higher menu go behind the lower menu. I have made sure the Z-index for the top menu is higher but still no luck. Any ideas?

• February 2nd, 2010 at 6:31PM (+2 GMT)Health For Life wrote:

  Very nice I'll try it on my blog

• February 2nd, 2010 at 5:58AM (+2 GMT)Andy Warren wrote:

  Hi. I used your simple horizontal menu on my website www.tcoc.net and it works fine in firefox, but something is wrong in MSIE. Can you look at it and tell me what I need to do?

• February 2nd, 2010 at 1:39AM (+2 GMT)kaykim wrote:

  I'm a newy on css and designing websites, but these dropdown menus are the best and quite simple to use. I've been able to make quite some adaptations for my site, however I am not able to use the hover-color from green to orange. So far I've changed the colorcodes in default.css and default.advanced.css, but only a few hovers changed to orange. What am I doing wrong??? Thanks for helping :-)

• February 1st, 2010 at 10:36AM (+2 GMT)wirawannaga wrote:

  I suing 'NVIDIA.com horizontal improved css drop-down menu' with page using fusion chart. The problem is when it drop-down my menu, it go back of my chart. How to fix it?

• January 30th, 2010 at 6:01PM (+2 GMT)Jos Riechelmann wrote:

  Your framework was very helpfull for me, I'm new with CSS but I will learn from this.
  I like to donate but I don't have paypal, howe can I donate.

  Jos Riechelmann

• January 29th, 2010 at 8:35AM (+2 GMT)Ryan wrote:

  Is it possible to set the width of the VIMEO.com menu?

  Thanks in advance

• January 28th, 2010 at 5:04PM (+2 GMT)Neo wrote:

  Thanks very much... I was looking for the examples.... thanks again...

• January 28th, 2010 at 1:19PM (+2 GMT)Gloofer wrote:

  Great menu, but as Per mentioned further down the comment list, as soon as you set titles on the a tags in the menu, which you should for correct validation, the menu starts to behave odd i Firefox 3.5 om Mac.

• January 26th, 2010 at 4:28PM (+2 GMT)agape wrote:

  Wow.
  Thank you for this collection of drop down menus, you are awesome :)

• January 22nd, 2010 at 7:40PM (+2 GMT)J wrote:

  Hey I'm trying to center this.. Using
  http://www.cssplay.co.uk/menus/centered.html

  But in firefox when you center the menu, the dropdowns disappear.
  Are there any solutions that you know of?

• January 21st, 2010 at 8:30PM (+2 GMT)george wrote:

  thank you but i figured it out it was so easy, thank you very much, and when i am done i will post a link to your site.

• January 21st, 2010 at 7:53PM (+2 GMT)george wrote:

  alex thank you but how do i include, i am just still learning and i will paricate your help thank you.

• January 21st, 2010 at 11:23AM (+2 GMT)Alex wrote:

  @xenatorres You need to define and set the wmode parameter for the flash animation.

  @George You need to include dropdown.upward.css