I just need help with coding to have an image hover over another image when you mouse over it? I've been searching all over, but none of these codes seem to work for some reason.

have you tried this?

{background:url(IMAGE URL); width:XXXpx; height:XXXpx} :hover {background:url(OTHER IMAGE URL); width:XXXpx; height:XXXpx}

and where it says 'div' just use the name of the div you're editing, or if you're making a new div, give it a unique name and then outside of the style tags, add this:

<div id="div"></div>

and again, where it says div in the quotes, replace that with the actual name of the div. you don't have to put anything between the tags, the picture will show up.

I'm not sure why it just won't work! I wish I knew what I was doing wrong, but now it's just showing part of the first picture. Didn't even shrink it down to size lol ugh. :(

I'm not sure why it just won't work! I wish I knew what I was doing wrong, but now it's just showing part of the first picture. Didn't even shrink it down to size lol ugh. :(

maybe both images have to be the same size?

Apparently, that was exactly it! Thank you so much, now I will just have to shrinky dink them at some point lol. :3 It worked!

you're welcome, glad to help