Как использовать спрайты изображений CSS в этом коде?

Question

Я редактировал шаблон, и там было около 50 изображений, поэтому я поместил все изображения в Image Sprite

, так что CSS выглядит следующим образом

.img_set_1 {
   background: url(../images/csg-4e1827fd5b201.png) no-repeat top left;
}
.img_set_1-button_menu_left{ background-position: 0 -256px; width: 19px; height: 29px; } 

старый CSSФайл содержит такие строки и Как изменить строку ниже, чтобы получить изображение из спрайта?

a.blackbutton span { margin:0; padding:7px 0 7px 19px; background:url(images/button_menu_left.gif) no-repeat top left;}

С уважением

Answer 1

Я рекомендую использовать инструмент, который GOOGLE предлагает использовать

http://spriteme.org/

запустить скрипт на странице ур, и он сгенерирует все для вас, отличный скрипт!