Son of Suckerfish dropdowns

"onclick" instead of :hover?

[doodlebee]

I have a client that's come up with a lovely issue. I implemented the "Son of Suckerfish" dropdowns, no problem, on their site. They loved it. However, the submenus are way too long - when you hover over a main navigational link, the dropdowns extend past the viewable area of the page. Of course if you try to scroll down so you can see what you're missing, they lose the link up top ;)

So I was wondering if anyone knoew of an alternative to using the :hover pseudoclass for the dropdowns, and instead making them "clickable". I realize I could probably do this with javascript (or - ugh - make it so when you click it reloads the page with the submenus below it) - but I was trying to see if there was a possible CSS option for this as they would like to avoid javascript as much as possible. Or, even better, some kind of workaround that would make the submenus "wrap" or something when it hit the bottom of the browser screen.

I'd like a workable solution so I don't have to start from scratch again - would anyone have any ideas on how to accomplish this? Or ideas on how to get around this issue? I'd appreciate it.

[moltar]

Nah, there is no pure CSS solution for this. Menus that long shouldn't even exist in the first place. You are digging in the wrong place anyways. What you should do is refactor your menu and make it shorter.

[bedlam]

Menus that long shouldn't even exist in the first place.

+1

Some reading for you and / or your client:

[webmasterworld.com...]
[webmasterworld.com...]

-b

[doodlebee]

While I appreciate that piece of advice, believe me, such action has already been taken, and the client chooses to ignore me.

Believe me - I've been trying to get them to reconfigure their menu system for quite a while, and I've been effectively ignored. I *know* this isn't good - but they see it as my fault and not theirs. (Funny how, when I'm bending over backwards and they aren't giving a millimeter that *I'm* the one on the wrong.)

But anyway, if anyone has some alternate ideas on how to get around this, I'd appreciate it - because they will not bend on this.

Oh yeah, and they don't want it to "onclick" - they feel it's too much work for the end user to have to give an extra click - they still want it to hover. So I need to explore all of my options before I go for yet another "dose of reality" round with them.

[moltar]

I just don't think there is a way then. You can't have a mouse over an element and scroll the page at the same time. It's just impossible.

Looks like your client is an a#$hole. Think twice if you really want to deal with them in future. I find such clients very irritating and it will bring you more headaches in the long run. Maybe it's a good time to drop them before they drop you.