HTML and CSS Reference
In-Depth Information
.my-icons-sprite,
.my-icons-delete,
.my-icons-edit,
.my-icons-new,
.my-icons-save { background: url('/images/
my-icons-s34fe0604ab.png') no-repeat; }
.my-icons-delete { background-position: 0 0; }
.my-icons-edit { background-position: 0
-32px; }
.my-icons-new { background-position: 0
-64px; }
.my-icons-save { background-position: 0
-96px; }
Now, use the appropriate class name in your markup to add the appropriate image
to your element.
SpriteMe
SpriteME, available at spriteme.org/ , is a bookmarklet that analyses images
used on a page and creates sprites out of them. If you have an existing site to con-
vert to using sprites, this would be a great place to start from.
Search WWH ::




Custom Search