Sent by Ray Leventhal on 28 June 2007 12:12
Luc wrote:
> 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.
>
> http://www.dzinelabs.com/Raycsslist
>
> 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:
====================================
<div class="prodbox2">
<a
href="http://www.cprtools.net/store/index.php?main_page=product_info&cPath=3&products_id=21">
<img class="left" src="/localfeed/images/2plattercomb.narrow.68x100.gif" width="68" height="100"
alt="CPR Tools PC01 Head Comb " />
<p class="left">
Model PC01
</p>
<p>
Designed for dual platter drives with 0.050" thick platters and a 0.220" thick spacer
</p>
</a>
</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,
~Ray
code examples from http://www.cprtools.net/localfeed/headcombs.php
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
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/
