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 or even faster when you have the best hosting plan for your site.
• 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.
• iPhone OS (iOS) concerns. Advanced and Ultimate versions of this drop-down menu work on iPhone OS.

Showcase

Download & Support

This CSS Drop-Down Menu is free for commercial or personal use and is dual licensed under the MIT License and GNU General Public License.
The latest version is 1.2

Download now!

Please consider donating to support further development:

Thanks a lot!

Leave your comments below

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

• May 4th, 2012 at 6:20AM (+2 GMT)anonimo wrote:

  gracias, es de gran utilidad para mi y para muchos...

• May 3rd, 2012 at 11:04PM (+2 GMT)Gary Coyne wrote:

  Any chance of a Mac version any time soon?

• May 3rd, 2012 at 2:15PM (+2 GMT)Tom wrote:

  Hi
  I am trying to use Mtv.com menu, the problem i am facing is that the second level dropdown menu is not coming against the first level dropdown menu, it is coming at the top, with the first menu of dropdown.

  Could tell me what i am missing in this.

• May 3rd, 2012 at 10:11AM (+2 GMT)sad messages wrote:

  impressive job! individual obsession I am become aware of is that when I use the drop down menu my subsection spacing for the have a rest of the page is frightened inedible. Thanks in go forward for several help out any person can provide me!

• May 2nd, 2012 at 9:17AM (+2 GMT)Ajinkya wrote:

  im using this since 2yrs now, still find it useful :)

• April 29th, 2012 at 1:53AM (+2 GMT)Steven Vogue wrote:

  Do you have a tutorial for installing/integrating the dropdown menu into the site?
  I haven't been able to find anything on your site -- and www.lwis.net has only an image and no links.
  Thanks,
  Steven

• April 27th, 2012 at 5:42PM (+2 GMT)Alan Banks wrote:

  Hi
  Have used both the simple and ultimate horizontal to great effect. Thanks for posting the scripts.
  The drop downs don't appear to work on iPads. I see someone mentions -tags. Does this work and how exactly is it implemented?
  Thanks in advance.
  Alan

• April 25th, 2012 at 7:56PM (+2 GMT)Cassandra wrote:

  I would like to know if it's possible to have the page that your on; link to be a different color and not hover. So the site viewers know which page their on. Hope someone can help. I'm using the vimeo drop down.

• April 21st, 2012 at 12:33PM (+2 GMT)term papers wrote:

  Advanced and Ultimate versions of this drop-down menu work on iPhone OS.

• April 18th, 2012 at 2:57PM (+2 GMT)Eduard wrote:

  Hi, i'm trying to use the menu with a xml file. The xml file contains the menu-items. But using xslt and xml the mouseover (li.hover) doesn't work anymore.

  Any suggestions.

• April 16th, 2012 at 8:42PM (+2 GMT)Kathy wrote:

  Is there a way to keep the dropdown open? I'm working on a site and the client wants the last hovered-over menu to stay open. Not sure if that's possible, but can it be done with a click?

• April 16th, 2012 at 6:19AM (+2 GMT)steve wrote:

  I am having a tough time finding the "dropdown-menu-a.html"

  I am trying to implement drop down menus onto my website that I built through iWeb.
  I'm using this website as a guide.

  http://beyondiweb.com/tutorials/Entries/2011/4/2_Drop-down_menu.html

  Could anyone give me a hand?

  TIA
  Steve.

• April 16th, 2012 at 3:20AM (+2 GMT)Pat M wrote:

  Thomas -- Any thoughts on the paragraph spacing issue I'm encountering?

• April 14th, 2012 at 1:43PM (+2 GMT)Thomas wrote:

  Sorry, the comment function broke the tags.

  Again: A possible workaround is to insert a-tags in the top menu item's li-tags and let them take care of the :hover-state.

• April 14th, 2012 at 1:39PM (+2 GMT)Thomas wrote:

  Thanks for the great work! I noticed, that the ultimate version doesn't work on Mobile Safari (iOS 5.1) – the submenus won't show. A possible workaround is to insert -tags in the top menu items -tags and let them take care of the :hover-state.

• April 14th, 2012 at 4:35AM (+2 GMT)Pat M wrote:

  Great work! One thing I am noticing is that when I use the drop down menus my paragraph spacing for the rest of the page is thrown off. Looked at the code and I'm not seeing any paragraph declarations. Am I missing something? I'm currently using the flickr drop down with the following files:

  dropdown.css
  default.ultimate.css
  helper.css

  Thanks in advance for any help anyone can give me!

• April 11th, 2012 at 9:47PM (+2 GMT)TEHO wrote:

  HEY EVERYBODY! IM BRAZILIAN, SO SORRY FOR MY POOR ENGLISH! I USE THE NVIDIA MENU, BUT IN IE I CANT CLICK ON THE SUBMENU, CAUSE IT DISAPPEAR WHEN I TAKE THE CURSOR OVER THE MENU! PLEASE SEE THIS AND HELP ME WHO CANS: http://www.artsmedicina.com.br

• April 9th, 2012 at 4:56PM (+2 GMT)copperpenny wrote:

  I'm working a project for a client and am incorporating two dropdown menus on certain pages. In both IE8 and FF11 I am finding the dropdowns from the higher menu go display behind the lower menu. They are both added as seperate includes. I've tried combining the code into one but the result is the same. I'm using the MTV theme

• April 5th, 2012 at 10:05PM (+2 GMT)Rob O'Hagan wrote:

  Hi,
  I've tried to use this on my website that I am building to replace my current one, this means that it is not online but I'm sure that shouldn't make any difference to whether this works or not... The menu is completely static which is annoying as I want a slick one to slide out and make my site look more professional.
  All the pages are .aspx so it seems that this problem is similar to another user's comment below.
  Thanks.

• April 4th, 2012 at 9:55AM (+2 GMT)casinobonuscity wrote:

  Hello, when I use the dropdownmeu code for jquery - I have *.asxp dotnet pages - they do not instance from the menu. Any idea on the problem. How do I transfer to aspx page usign jquery?

View all comments