[EMAIL PROTECTED] wrote: >I got a change of implementation. I have two <DIV>s nested within an >outer <DIV>. The inner <DIV>s are 'float: left' so are therefore side >by side. Inside the left-hand inner <DIV> there is a <UL> element that >contains links <a> with <SPAN> tags wrapped within the anchor tags What >I want to do is when I rollover one of the links in the list, I want to >display and hide certain <DIV> elements in the inner right-hand side ><DIV>. All <DIV>'s in the inner right-hand side will all be sat on top >of each other, and only one will be shown at any one time. By clicking >on the links in the list will determine which <DIV> gets displayed. > >Is it at all possible to do this in just CSS without having to use JS? > >
If you want something to happen on a click, not a hover, you need to use Javascript. Continue to use CSS for the visual styling. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ 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/