> Good afternoon Ray,
> It was foretold that on 27/6/2007 @ 14:45:38 GMT-0400 (which was
> 15:45:38 where I live) Ray Leventhal would write:
> <snipped a bit>
>> So, to be compliant, each of the <p> and <img> elements have their own
>> <a href>. The effect I was looking for was for the text hover effect to
>> take place when one moused-over the image for that product.
> Is this what you're looking for? If you replace the text "Rollover"
> with an image, the text appears.
> Css is embedded.
> Basically the rollover text is inside a <span> element, and this element
> itself is inside an <a> element. You need to make the <span> element
> appear, only when the <a> element is in the hover state.
Hi Luc (et al),
Thank you for your kind reply. That is an exciting example and one I
will definitely use in an upcoming project! (ty again!)
I fear I wasn't explaining my current issue well enough, however.
My original markup looked like this:
<img class="left" src="/localfeed/images/2plattercomb.narrow.68x100.gif" width="68" height="100"
alt="CPR Tools PC01 Head Comb " />
Designed for dual platter drives with 0.050" thick platters and a 0.220" thick spacer
</div><!-- prodbox -->
which will not validate as XHTML. It does, however, give the associated :hover effect on the
related text (both <p> elements) when the graphic or either <p> elements is hovered over. That's
the desired effect.
I've replaced that with the following to pass XHTML validation. My question should have been, in
retrospect, is there a way to accomplish this and still be validatable?
Thanks again and best regards,
code examples from http://www.cprtools.net/localfeed/headcombs.php
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/