Filed under: CSS

Purely CSS-Based Dropdown Menu

by Ryan Maffit on Jun 5th, 2009

Tags Share Comments (1)

Here is a purely CSS-based dropdown menu that I threw together real quick for my blog. It doesn’t use any javascript and works in all major latest browsers (Not you IE6 – You need to die already :P )

If you have any issues or questions leave them in a comment below.

Please Note: This is just a simple example for you to base your own menus off of. It does not take into account browser screen width or height (to prevent opening menus off-screen) because that would require Javascript, maybe in the future I will create another post about how to make a JavaScript based dropdown menu that uses Javascript to make sure the menus don’t appear off-screen.

DownloadDemo

Related Articles
Leave a Comment »1 Comment
  • Reply » pfannkuchen_gesicht August 10, 2009

    very cool, didn’t know that thing with “>”

Get a GravatarLeave a Reply

Name: « Required

Email Address: « Required

Website URL: « Optional

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">