Hi all, I was wondering how this is done/used. One big image for all the background and button images. This is the image file http://modxcms.com/assets/images/site-ui-gfx.png This is the website http://modxcms.com/ I like to learn how to use this? Any tips/tutorials? regards,
They're usually called "sprites" (in the spirit of reusable groups of pixels), so google "css sprites" and you'll find gazillions. Google also uses them. In general, overflow: hidden is used a lot to hide the rest of the image, and pixel-perfect background positioning.