bigbee

Zed, I think you are onto a winner there, I didnt think of that at all! How would I implement this into my html? (I am a bit of a newbie at CSS) Say the 1st image is call 'cue.png' and the other image 'cueoff.png' how would I write out the css and then apply this to a div container in my html? I thank you for any help in advance!

Hi did remember this, that you for pointing that out though! Do you have any solutions to my problem? I just want a <div> to trigger the image rollover, which is sitting inside the <div>, I'm sure it cant be that hard?

Hi all, I have a bit of a problem I am trying to get around. I have a piece of content containing a title with an image next to it, a tab system with sound cloud embedded audio. I would like the image to be replaced by another similar image when any of this content is hovered over. So would I be able to wrap all of this content in a div and then call some CSS to bring another image in place of the existing image when the mouse is over the div? Its basically a slightly more complicated image rollover that is triggered by hovering over the div and not just the image itself. Any ideas? I appreciate any help with this! ps ( this is for a wordpress site, and I know it has issues with javascript within a post, so I am not sure if I can use javascript for this problem)