Follow the link and look at the code (view source):
www.dottedi.biz/codesamples/rollover.html
I got some of this through google search looking for a multi-image
rollover. It is a combo of setting the link with an <a href> and the
alternate/rollover image in CSS.
-Bob+
Schalk wrote:
>Greetings All,
>
>I have an image that needs to be swapped out with another on hover. Is
>there a way to do this with CSS?
>
>I have tried the following:
>
>a.kidscorner {
> background:#e1e1e1 url('../images/widgets/kids_corner.gif') top
>right no-repeat;
> width:150px;
> height:136px;
>}
>a.kidscorner:visited:hover, a.kidscorner:hover {
> background:#e1e1e1 url('../images/widgets/kids_corner_over.gif') top
>right no-repeat;
> width:150px;
> height:136px;
>}
>
>Having a link for example <a href="link" title="title"
>class="kidscorner"></a>
>
>Should this work? Or am I missing something? Thanks!
>
>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
