Posted By

nealwatkins on 07/13/07


Tagged

sprite


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

basicmagic
thinkcirca


sprite


 / Published in: CSS
 

URL: sprite

sprite

  1. <style type="text/css" >
  2. #sprite {
  3. width: 310px;
  4. height: 92px;
  5. background: url(tickets-services-new.jpg);
  6. position: relative;
  7. list-style-type: none;
  8. padding: 0;
  9. margin: 0;
  10. }
  11. #spriteLink li {
  12. margin: 0; padding: 0; list-style: none;
  13. position: absolute;}
  14. #spriteLink a {display: block; text-decoration: none; color:#5b5d62;}
  15. #sprite {left: 0; top: 0; width: 310px; height: 92px;}
  16. #sprite a {height: 92px;}
  17. #sprite a:hover {background: url(tickets-services-new.jpg) 0 -91px no-repeat;}
  18.  
  19. </style>
  20.  
  21.  
  22. <ul id="sprite">
  23. <li id="spriteLink">
  24. <a o href="#">.</a>
  25. </li>
  26. </ul>

Report this snippet  

You need to login to post a comment.