There are countless tutorials on creating rollover effects for a group of links with CSS. What I can't seem to find is a tutorial covering a group of IMAGES that I need rollover effects on.
The tutorials I've found all have a menu with a single image they want altered for rollover. I want each image to be different.
So I think what I have to do is create a different class for each image and apply a rollover effect to each one, thereby creating a different effect for each image (since the images are black and white and then color on rollover.) Is this correct?
The problem I've found is I'm using a fluid site so when I define the widths and heights they're all percentages. A background image doesn't appear with nothing in the content. So if you indent the text -9999px or whatever, the places where the images are supposed to be are just empty. So do I have to change everything to fixed width for the entire site?
Thanks. Hopefully I've explained myself well enough.
The tutorials I've found all have a menu with a single image they want altered for rollover. I want each image to be different.
So I think what I have to do is create a different class for each image and apply a rollover effect to each one, thereby creating a different effect for each image (since the images are black and white and then color on rollover.) Is this correct?
The problem I've found is I'm using a fluid site so when I define the widths and heights they're all percentages. A background image doesn't appear with nothing in the content. So if you indent the text -9999px or whatever, the places where the images are supposed to be are just empty. So do I have to change everything to fixed width for the entire site?
Thanks. Hopefully I've explained myself well enough.