How to make single-multilevel convertible, keyborad accessible, non-javascript dependent (except IE), CSS sprite dropdown navigation?

Question

I've to write css for a simple/ horizontal menu for a CMS and i've to write css as if client will add subpages to main page and subpages of of subpages

I mean right now it's simple navigation no dropdown but in future it can single level dropdown or multilevel dropdown

and if navigation will have dropdown then dropdown links should be accessibile by keyboard also and it should work in all browsers without javascript except IE6 for IE 6 i will add javascript . I'm already using jquery on site for other things.

and i have to use css sprite for menu background image so if images is disabled then on menu link text should be shown as ALT text.

Is this possible make this type of menu with all these things?

Answer 1

You cannot use your keyboard to access CSS-only menus without JavaScript. That's just not possible.

But, if you can live with that, I found tonnes of stuff on google in an instance. The first result shows some good examples of dropdown menus, but theres a huge amount of stuff out there.

Still, there are disadvantages, as you cannot make any delay at all when the user hovers the menu with the mouse. You'll need good ol' JavaScript for that, too.

Hope that helps some.