Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › help with css sprite › Re: help with css sprite

January 18, 2011 at 1:34 am #65426
cybershot
Participant

well, I almost got it working. It’s actually displaying nicely, the only problem is that the image doesn’t change when I am over the link. It only changes when i am over the span



#contactList li a {

display: block;

line-height: 32px;

text-decoration: none;

color: white;

margin-left: 36px;

}



#contactList li span#mail {

float: left;

display: block;

background: url(../images/social.png) no-repeat left top;

height: 32px;

width: 31px;

}



#contactList li span#mail:hover {

float: left;

background: url(../images/social.png) no-repeat -32px 0;

height: 32px;

width: 31px;

}