mouseOver effect using CSS

[Alberto Perez]

I've been trying to create an image mouseOver effect using CSS without any success. My current css code is:

<a href="docs/sorry.html"><im g src="images/member.jpg" width=190 height=45 border=0><a/>

the other image is located in the same place and called "member2.jp g"

Can you help please.

[Rabbit]

The HTML should be nested something like this:

<a><div></div></a>

Then your css should use a different background image using the hover.

Or if you don't want to store the image paths in the css sheet, you could nest the HTML like this:

<a><img><img></a>

And use CSS to toggle visibility or z-index.

[Alberto Perez]

I'm sorry Rabbit, but I don't understand your answer. Can you be a little more specific?

I've been trying to create an image mouseOver effect using CSS without any success. My current css code is:

<a href="docs/sorry.html"><im g src="images/member.jpg" width=190 height=45 border=0><a/>

the other image is located in the same place and called "member2.jp g"

Can you try to help me again, please.

[Rabbit]

If you're going to go the image route, you need both image elements in there. Then you can use the on hover to toggle the visibility of your image elements or modify the z-index.