navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Community >> OutFront Discoveries >> Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System
Page: [1]
 
clum1

 

Posts: 762
From: Glasgow, Scotland
Status: offline

 
Free, Open Source Pure CSS, Valid, Cross Browser Dropdo... - 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

_____________________________

kenilweb.com; simple, effective web design

"So I said to the Gym instructor "Can you teach me to do the splits?" He said "How flexible are you?". I said "I can't make Tuesdays"."

Tim Vine
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to clum1)
womble

 

Posts: 5702
Joined: 3/14/2005
From: Living on the edge
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 8/19/2006 9:26:53   
Same here. That looks really nice though.

_____________________________

~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
:)

(in reply to Tailslide)
justgold79

 

Posts: 1
Joined: 8/24/2006
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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

(in reply to womble)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to justgold79)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
clum1

 

Posts: 762
From: Glasgow, Scotland
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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!

_____________________________

kenilweb.com; simple, effective web design

"So I said to the Gym instructor "Can you teach me to do the splits?" He said "How flexible are you?". I said "I can't make Tuesdays"."

Tim Vine

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 8/24/2006 19:52:50   
Sorry Clum but you lost me completely there.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to clum1)
clum1

 

Posts: 762
From: Glasgow, Scotland
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 8/25/2006 2:25:57   
The Thoms Brunt weekly Outfront Newsletter. Or perhaps i'm the only subscriber!?

_____________________________

kenilweb.com; simple, effective web design

"So I said to the Gym instructor "Can you teach me to do the splits?" He said "How flexible are you?". I said "I can't make Tuesdays"."

Tim Vine

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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. :)

I get the rss feed.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to clum1)
clum1

 

Posts: 762
From: Glasgow, Scotland
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 8/25/2006 4:55:58   
Nah; just feeling proud of myself...

_____________________________

kenilweb.com; simple, effective web design

"So I said to the Gym instructor "Can you teach me to do the splits?" He said "How flexible are you?". I said "I can't make Tuesdays"."

Tim Vine

(in reply to jaybee)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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

< Message edited by Tailslide -- 8/25/2006 5:57:19 >


_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to clum1)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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.


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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!

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
caz

 

Posts: 3586
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 8/25/2006 7:30:14   
Is it not related to the cache thing again?

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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)

< Message edited by jaybee -- 8/26/2006 11:30:24 >


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to caz)
Tailslide

 

Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to jaybee)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Free, Open Source Pure CSS, Valid, Cross Browser Dr... - 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. :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to clum1)
Page:   [1]

All Forums >> Community >> OutFront Discoveries >> Free, Open Source Pure CSS, Valid, Cross Browser Dropdown Menu System
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts