Hide and then reveal elements just using CSS

graemef · 01-18-2009, 09:03 PM

I have a bespoke XML file and I am playing around with the stylesheet to display the details. Because the file will get quite unwieldy I wanted to hide some elements and the reveal them on a hover. Whilst I can do this in Javascript for HTML files I can't workout how to do this with just styles. I wanted to avoid putting any display information in the XML file hence my reluctance to use Javascript (which is of course assuming that the XML file would let me use Javascript, something I have never tried).

I tried restricting the height of the element but the text just flowed off the bottom of the containing element into the next element which wasn't very helpful.

Any ideas would be most welcome.

j-ray · 01-19-2009, 02:38 AM

hope this helps

http://www.experts-exchange.com/Web_..._21764275.html

jstephens84 · 01-20-2009, 03:57 PM

Quote:

Originally Posted by graemef

I have a bespoke XML file and I am playing around with the stylesheet to display the details. Because the file will get quite unwieldy I wanted to hide some elements and the reveal them on a hover. Whilst I can do this in Javascript for HTML files I can't workout how to do this with just styles. I wanted to avoid putting any display information in the XML file hence my reluctance to use Javascript (which is of course assuming that the XML file would let me use Javascript, something I have never tried).

I tried restricting the height of the element but the text just flowed off the bottom of the containing element into the next element which wasn't very helpful.

Any ideas would be most welcome.

This site is pretty much pure css. You just have to view the source.
http://www.tjkdesign.com/articles/ke...nu/default.asp