Forum Moderators: not2easy
[edited by: SuzyUK at 11:48 am (utc) on May 7, 2008]
[edit reason] Please No URI's, see guidelines at top of forum [/edit]
sorry there is no URL's allowed.. I looked at your code but it's too much post although it could probably be be narrowed down (we don't need the form and specifics.. just do it with some plain divs/cells and some lorem ipsum text)
I'm sorry I don't have time to help trim it down for you just now, but if you remove the form or at least just put some identifying text in the form, so you can see if it "changes" with effected hover, then replace the background images with 2 x different colors, I think others will get he idea too.
The "switch" relies on hovering over an li element (hotspot) which triggers a much wider child ul holding the changing form also. so when you're hovering on the wide ul ul li you need it to stay active so the correct form can be chosen.
The first one is hidden underneath it and when you go back to the left it can't get access to it to change the effect. I can't see that any amount of z-indexing will fix this for you as you either need one or the other on top.Ther is possibly some way it can be done with sprites and some margining but IHO it would be easier to put "tab" access at the top of the whole effect as that way it's clear to the user if they want to switch choices, and also this would mean them moving their mouse off the effect in the first place which they have to do just now anyway, just makes it a bit clearer really even if your desired effect can be achieved?
have saved code and will play later as it looks an interesting choice! but sorry not much time just now
