(no subject)

[ocelot]

Dear LazyWeb,

I want to make it so that all pictures of a certain class have the same text in their title attribute. Specifically, I want all thumbnails to say "Click here for larger image" when you put the mouse over them, which would normally be accomplished via the title attribute. How would I do this, preferably using CSS, but whatever works?

This is not working:

img.tpic
{
position: relative;
top: -8px;
background-image: url('images/imgbg.gif');
height: 130px;
padding: 10px;
title: "Click here for larger image";
}

I am embarrased to admit how long I have been trying to figure this out.

Thank you!

Comments

[therealocelot.livejournal.com]

Just a plain old image that needs text over it, not a background image.

The image on http://www.koyotemakesstuff.com/ is an example (It's not linked to anything at the moment, but it's the only I've been messing with).