> Ok, I need to know if anybody out there knows of a way to use pure CSS > (no js) to hide & show stuff, such as links or submenus. I have been > shopping around and all I can find is JS or some DHTML. Maybe its just > me, but I have found the js which does this is so cumbersome. It just > seems that there should be a way to do this in CSS.
There are many ways... DHTML is JavaScript + HTML, by the way... > For instance, all I want to do is hover over a link and 'show' another > submenu, which was 'hidden' until the mouseover. > > Seems like a pretty simple request. Can this be done with pure CSS? Yes, it can be, but only if you don't use Internet Explorer. The problems with showing and hiding things via CSS are the following: 1) There is no safe way to make the show and hide keyboard enabled 2) There is no way to delay the show and hide effect to cater for users that are not too good with their mouse 3) The :hover pseudo class only applies to child elements of the element you mouse over, as you cannot nest links inside links you need to hover on the parent element, and MSIE, as probably the most used browser, does not support that. This is why people use "cumbersome" JavaScript or behaviours to get around that issue. Personally, I consider showing and hiding a menu behaviour and therefore the job of JavaScript - which can do all of the above. If the JavaScript you looked at is too cumbersome than you might have looked at bad examples. I published a menu like this which does all of the above except for the delaying part. However, as you look for a CSS only solution I assume you will not be happy with it. There is no such thing as free lunch. If you want web documents to behave like applications then you will run into some issues. Using the right tool, and putting some effort and research into it will give you good results though. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
