25 Sep 2009

selecting just an image in hover as an attribute

in the blogs i have pictures as links to big versions of the picture and i have text links. The text links i want to highlight when you hover over them, but the pictures not.

After a bit of fiddling around, this is what eems to work...

in the css file

/* create a special class for images so they don't get annoying colour blocks when hovered over */
#blog_content a.imagehc:hover {color: white; background: white; }

and then in the html file...

<a href="images/first block detection screen.JPG" class="imagehc"<img src="images/first block detection screenSML.jpeg" alt="some placeholder words for the tool tip" />

click here to return to the blog