Css changing a:hover on 2 things

[deadmeat30]

Hi there,
Im wondering if anyone can help me out here.
I have a image, which has a a:hover action that creates a 3px border around the image, i also have text underneath, that on the a:hover makes a dotted underline. both goto the same page. Im wondering if there is any way to get it so scrolling over either the text or image, with make the other a:hover work, so they both goto a:hover state, instead of each on there own.
regards,
Alan

[deadmeat30]

mate, thats worked a treat, thank you!

[snillor]

I’ve been struggling with a similar thing – I have photo thumbnails with title overlays and wanted both to change appearance when the thumbnails are hovered.

Thanks Senff, for such a simple solution (that I feel silly for not figuring out myself).

[joshuanhibbert]

If you are using HTML5 then building on from what @Senff suggested, you could use the following:

<a href="">

<figure>

<img src="" alt="">

<figcaption>...</figcaption>

</figure>

</a>

[Author]

Posts