Free CSS Dropdown Menu (with iPhone quick tip)

Recently, I picked up the LWIS.NET CSS Dropdown Menu for a project that I’ve been working on.  In my opinion, this is a great menu system with a few different templates (horizontal & vertical) for easy customization.

The one trick that I picked up when using this template is that you need to add some code to get the drop down effect to work.  Basically, adding onmouseover=”" inside the li elements with submenus will allow the hover CSS events to perform as intended.  By default, the iPhone will ignore hover CSS events unless you specify a onmouseover event handler (even if it is blank).  Thanks to commenter twenty205 for the original idea.

Share:
  • Facebook
  • Twitter
  • Google Buzz
  • Digg
  • LinkedIn
  • del.icio.us
  • Add to favorites
  • Print
This entry was posted in Technology and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may 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>