CODEWITHSUNDEEP
csscss-sprites
macsplean
macsplean

Reputation: 609

easy beginner's query regarding sprites

HTML snippet:

<li class = "li_image"></li>

CSS snippet:

li_img {
    width:28px;
    height:32px;
    background:url(https://ssl.gstatic.com/gb/images/v1_90902864.png) 10 15;
}

Any idea why this doesn't work? This list item is not even appearing in the list.

Upvotes: 1

Views: 117

Answers (2)

ChainFuse
ChainFuse

Reputation: 827

You're missing the dot before the class. Also, what are you trying to aim with the "10" and "15"? If you're trying to set width and height, state those inside of the class instead, just like you did.

It should be:

.li_img {
    width:28px;
    height:32px;
    background:url(https://ssl.gstatic.com/gb/images/v1_90902864.png);
}

Upvotes: 5

macsplean
macsplean

Reputation: 609

turns out there was a mismatch between my class name and call. (li_image vs. li_img) . Whoops.

Upvotes: 0

Related Questions