how to map 1 global image per webpage into multiple images

[stephanie777]

hello,

i want to secure my webpage's images and code from being copied, so I want to merge (like a grid) all my images into 1 jpg, and use the (index) map of each image instead of its regular url
thus avoiding to upload each image separately by securing them in 1 tight flat image.

can anybody tell me how to do that?

thanks :)

[drhowarddrfine]

What you are wanting is called "css sprites". Google for that for lots of examples and tutorials.

[stephanie777]

thanks for your reply :)
it saved me hours of searching!

PS, I googled it and found this article to be very useful:

http://css-tricks.com/css-sprites/