...

View Full Version : background image on link not showing?!



jarv
10-27-2009, 02:43 PM
link background image not working?!

am I doing something wrong???

css


#rightcol .sideimage1 a{
background-image: url(/images/button_sprite.jpg);
background-position: 0px 0px;
width:224px;
height:100px;
}
#rightcol .sideimage1 a:hover{
background-position: 0px 0px;
}
#rightcol .sideimage2 a{
background-image: url(/images/button_sprite.jpg);
background-position: -224px 0px;
width:224px;
height:100px;
display:block;
float:left;
}
#rightcol .sideimage2 a:hover{
background-position: -224px 0px;
}
#rightcol .sideimage3 a{
background-image: url(/images/button_sprite.jpg);
background-position: -448px 0px;
width:224px;
height:100px;
}
#rightcol .sideimage3 a:hover{
background-position: -4480px 0px;
}



html


<div class="yui-u" id="rightcol">
<a href="#" class="sideimage1">link</a>
<a href="#" class="sideimage2">link</a>
<a href="#" class="sideimage3">link</a>
</div>

Excavator
10-27-2009, 03:02 PM
Hmm, I see a possible 2 state background image and buttons that are using both the normal and hover positions.
Looks right here in both FF and IE8.

jarv
10-27-2009, 03:04 PM
sorted!

thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum