sdc — 2011-08-14T18:49:25-04:00 — #1
Looking for the best CSS only drop down to implement on my site... I have been reading reading and reading... need some expert advice.
ffcus — 2011-08-14T19:37:39-04:00 — #2
This should be a good start.
ralphm — 2011-08-14T20:35:20-04:00 — #3
Hi sdc. Welcome to SitePoint.
As FFCus said, there's a lot available on the web, but here is a link to a very reliable and well-formed example:
Horizontal Drop Down Menus
Just grab the source code and style to suit. There is a tiny bit of JS for the sake of IE6, which can't handle a pure CSS dropdown.
system — 2011-08-14T21:38:08-04:00 — #4
There's a technique I've been switching over to lately.
Overflow:hidden menu demo
With it's own scripting instead of relying on a .htc file:
Overflow:hidden menu demo with scripting assist for keyboard
Though I'm also still using the absolute positioning method -- my advice is learn as many different techniques as you can, then figure out which is best for you... Just keep in mind the more code it requires the worse a technique it probably is.
cheesedude — 2011-08-15T10:03:50-04:00 — #5
I like this one:
stu nicholls dot com | menu - Professional dropdown #2
And this one:
Horizontally Centered Drop-Down Menus with Pure CSS
The Right Way to Make a Dropdown Menu » SitePoint
paulob — 2011-08-15T10:44:12-04:00 — #6
The only real js free css only dropdown is Timos here. It's a great example of what can be down with a bit of lateral thinking but you need to understand it fully to customise it as one small mistake can break it.
Downside is that it is complicated to understand and really needs fixed heights for the list items.
jf_ishere — 2011-09-22T18:40:57-04:00 — #7
paulob — 2011-09-23T04:05:45-04:00 — #8
That's the second time you've posted that same link in successive posts in old threads and looks like self promotion which is not allowed. I'll let it stay for now but if I see the same link again in other posts then I will have to assume that all are spam.