Post details: Drop-down menu without javascript
May 19, 2008 : Drop-down menu without javascript
Some time ago I was looking for a CSS-only (no javascript) cross-browser technique to make a drop-down expanding navigation menu. I found the GRC Menu that did this, but it had a lot of site-specific stuff in there. It was not something I could easily use as a starting point for my own sites.
So I hacked around with Steve's CSS and HTML and developed a minimal version. Here's the minimal version of GRC's script-free pure-css menu.
Comments, Pingbacks:
Comment from:
Ryan K [Visitor]
http://xkcd.com/327/
06/09/08 @ 02:07
Comment from:
Dave Brondsema [Visitor]
· http://brondsema.net/
Deezer, I've used this on a few sites' primary navigation menu, so I wanted to have a menu that worked for people even if they had javascript off, so they wouldn't miss out on anything.
06/16/08 @ 14:04
Comment from:
John Biggs [Visitor]
Thank you so much. I found the GRC example first but then I dreaded cleaning it up. You even have comments in the code!!! Thank you again. And thanks to the great people at GRC.
06/24/08 @ 20:46
Comment from:
John Biggs [Visitor]
· http://www.photohispanagroup.com/Sample2/Welcome.html
Hi. I was wondering if you could help a little? I need to center it, and I spaced the menu items out better, but now it looks funny on IE6. Maybe I spaced it wrong?
06/24/08 @ 22:46
Comment from:
Dave Brondsema [Member]
· http://brondsema.net/
@John, glad you could use this too. Sorry I don't really have the time to look in to your issue, though. CSS can be so difficult, I know! One suggestion though, would be to start stripping away as much of the HTML markup and GRC CSS declarations to try to come up with the simplest example that still has the problem. Then you'll probably have an easier time solving it. Good luck!
06/24/08 @ 22:55 Leave a comment:
