Rollover effect for a non-link image 1

[DrySnot]

I have a logo on my page and i'm trying to make it rollover on mouseover.

This is my code

/** LOGO */

#logo {
	float: left;
	width: 396px;
	height: 212px;
	background: url(../images/homepage01.gif) no-repeat left top;
}

I have tried messing around with this but I'm not adding it in right.

a:link, a:visited{
display:block;
width:396 px;
height:212 px;
background:url(../images/homepage01.gif);
}
a:active, a:hover{
background:url(../images/homepage01.gif);
display:block;
width:396 px;
height:212 px;
}

Thanks so much for the advice

 

[vacunita]

If its not a link the how do you expect a:hover to apply to it.

you'd need to apply the hover class directly to your image style. #logo:hover{...}


However if its not a link, then Internet Explorer will ignore the hover pseudo class.

You'd have to use Javascript, and an Onmouseover event to accomplish what you want in IE6.



----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[DrySnot]

Thanks so much for letting me know that. I think I'll just leave it like it is then.