Originally Posted by Voodoo

Quick Tutorial: CSS Sprites

http://www.g33ky.com/sprite/

Hello All,

I just threw this page together to test out a method for displaying CSS Sprites. Feel free to check it out. I didn't spend much time doing super-cool icons or code formatting or anything... deal with it (), but for those of you who haven't been exposed to sprites before, it may give you some good ideas for your projects.

The concept is, use 1 image for all of your buttons or icons etc... and use CSS positioning to display the various parts of the image. This causes fewer server requests, faster page loading and less code in general. It's easiest if you set these up on a grid in your Photoshop file.

Hope it gives you some ideas.

-V