Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

clum1 -> Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/19/2006 7:39:02)

Found this yesterday, thought to myself how many of these type of things I've seen before that have been either quite crap or a pain to use and then started playing with it...

It's from the Steve Gibson, he's taken the best bits of the best bits and it does exactly what it says on the tin. I've implemented it in my redesign for our corporate site and it's saved me either a lot of money or a lot of time. Quite brilliant.

It's not a prepackaged tool so you will need to lift the HTML lid but it's laid out logically, well structured and well annotated; it doesn't take long to figure out.

you can see it implemented in my test site here: www.kenilweb.com/intense. If you have any questions or comments , give me a shout.

What's to lose?

clum1



Tailslide -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/19/2006 7:55:09)

What I really really want is a CSS dropdown that allows keyboard access like the UDM4 ones but is free!

What you've got there is smart looking though.



womble -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/19/2006 9:26:53)

Same here. That looks really nice though.



justgold79 -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/24/2006 16:06:08)

It's not a prepackaged solution, but linuxtoday uses the keyboard via dhtml or css or something:

Look for accesskeys:
http://www.linuxtoday.com/news_story.php3?ltsn=2001-04-12-006-20-OP-BZ-CY-0083



Tailslide -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/24/2006 16:40:32)

Yeah but what we're really after is normal keyboard access to dropdowns via the tab key (or Opera and Mac's variations on that theme) rather than access keys which are generally considered a bad idea in "accessibility circles" these days.

Something using Javascript enhancement to enable keyboard access (again I mean tabbing) to the submenu would be fine if you come across one.



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/24/2006 16:47:42)

I'm nearly there! Honest. I've got the keyboard access working just can't get IE to reliably show the actives (it ignores focus). Sometimes it does it, sometimes it doesn't. That's the only thing stopping this from being spot on.

You tab to the menu item, hit enter and it drops down. Hit enter again and it closes back up. Works in Firefox perfectly. Has the problem above in IE6 and works in Opera but it ignores the colour on the focus and applies it's own. Haven't looked at trying to override that yet.



clum1 -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/24/2006 19:12:00)

Heh heh; I've been here for years (since 2001 I think), haven't posted much compared to some, but have had three or four posts referenced in the weekly email. I reckon that's a gold star to me!



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/24/2006 19:52:50)

Sorry Clum but you lost me completely there.



clum1 -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 2:25:57)

The Thoms Brunt weekly Outfront Newsletter. Or perhaps i'm the only subscriber!?



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 4:41:47)

Oh right, sorry, I read it that somebody had questioned how long you'd been here but I couldn't find the post. Gotcha now. [:D]

I get the rss feed.



clum1 -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 4:55:58)

Nah; just feeling proud of myself...



Tailslide -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 5:36:18)

Jaybee - there's already a couple of vertical dropdowns - but I haven't seen a horizontal dropdown one that's free yet.

Here : http://www.tjkdesign.com/articles/TJK_SlideMenu/TJK_SlideMENU.asp

and here: http://juicystudio.com/ecma/onlyone.html



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 5:49:24)

Sent you the link to my menu. Didn't you get it?

Ummm I think your demo has gone walkabout

quote:

404 - Page Not Found

Bugger! I've searched high and low, and I cannot find the page you are looking for.

If you're looking for something that was in the tutorial section, I'm afraid the document you are looking for has been permanently removed. Apologies for any inconvenience.



Tailslide -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 5:59:15)

quote:

ORIGINAL: jaybee

Sent you the link to my menu. Didn't you get it?

Ummm I think your demo has gone walkabout

quote:

404 - Page Not Found

Bugger! I've searched high and low, and I cannot find the page you are looking for.

If you're looking for something that was in the tutorial section, I'm afraid the document you are looking for has been permanently removed. Apologies for any inconvenience.



URL fixed for Gez's dropdowns.

Yes I got it - can't see what's up with it either though! Looks fine to me!



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 6:15:08)

Anyone know of any bugs in IE (yeah yeah, this one's specific) where the :active state suddenly vanishes, completely randomly.

You tab through the menu once and it's fine, next time the active state is on maybe half the links, next time it's on different links. There's absolutely no pattern that I can see.



caz -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 7:30:14)

Is it not related to the cache thing again?



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 7:42:36)

The cache thing? It does it online but also locally. I'm completely flummoxed.

Of the two examples Helena gave above, Juicy Studios menu does it as well.

It's not happening on the TKJ menu but that's controlled by a heck of a lot of js. It also has it's own problem. In IE, you have to hover over the text for the hover state to work, if you hover over the empty bit of the nav button, nothing happens. (I emailed him and he's fixed it)



Tailslide -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 7:48:45)

The good news is that I can't replicate the problem in IE7 which as far as I know understands :hover properly - so it must be a IE6<= refreshing/:active problem. I've been looking for a specific bug which could encompass the problem but can't find one that fits exactly. I think we've all been through it and chucked the "normal" fixes like haslayout etc at it and no joy at all. The only solution that could be worth thinking about is trying whatever:hover with it to see if that forces it to work properly - but that might well just be too much scripting/hassle to be worth it if IE7 is ok.

The menu seems to work well in the Mac on Safari and Camino.



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 7:53:44)

Brilliant, that's exactly what I needed. If it works in IE7 that's fine by me. Given that the upgrade is going to be automatic unless you specifically refuse it, and given that they're locking it down now so it should be released pretty soon, I'll go with what I've got. I've had flying menus up to the eyeballs.

I've searched for hours and found nothing close to the problem apart from one possible that actually applied to Opera, worth a try, no dice.

I've got 27 different stylesheets available where I've tried all the different combinations, bug fixes, hacks, tweaks and I've had enough.

It works fine for mouse. It works for keyboards apart from the highlight on active not always appearing.



jaybee -> RE: Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System (8/25/2006 8:31:39)

quote:

ORIGINAL: clum1

Nah; just feeling proud of myself...
And so you should. Tom doesn't quote just any old person you know. [:D]



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875