Question

I have shown my code below. For some reason, It’s not working.

<div class="blocker">
    <h3>Favorite Websites</h3>
        <ul>
        <li>Nettuts.com</li>
        <li>Webdesignerdepot</li>
        <li>SixRevisions</li>
        <li>Smashing Magazine</li>
        <li>WebdesignerWall</li>
      </ul>

      </div>

  ul{
    list-style-image: url("img/icon.png"); }
  li{
    margin: 10px;}

Answer 1

What you should do is head over to an online sprite generator They will generate an image with all of your images together and the CSS needed for the sprites too work. Then you can just add a class onto each list item, and you don’t have to load more than one image.