There's a site I launched a little while ago where I use a dropdown menu
that works on hover but not on focus
http://villa-belvedere-croatia.com/en/index.shtml
I was trying to get the TJK pure CSS dropdown to work, but I never did.
Keyboard accessibility was not a concern for the client so the site just
launched.
TJK pure CSS dropdown:
http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp
it hasn't stopped bothering me, though. I have been tinkering with Blake
Haswell's "Long Lost Nephew of Suckerfish, Part Deux"
http://blakehaswell.wordpress.com/
and come with this:
http://sandyfeldman.com/dropdown/en/test4.shtml
http://sandyfeldman.com/dropdown/css_js/dropdown4.css
it *almost* works the way I want it to. Here's the problem:
when you hover or tab over a link and the sub menu items open up, the
link below maintains its 15px margin top, but then seems to have padding
that includes all the sub menu items. It looks pretty wonky.
So, how do I get this link to clear the nested list that opens up on
focus and hover?
thanks loads!
Sandy
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/