[Fktrctq]

samoylov,Подскажите пожалуйста ещё один момент как применить спрайт если картинка вставляется в html

Код HTML:

<span class="up" id="up"><img width="50" height="63" alt="вверх" src="<?php echo esc_url(get_template_directory_uri())?>/image/up.png"></span>

Как задаются координаты в этом случае?

[samoylov]

Fktrctq, тэг img выводит все изображение. Это конечно извращение французских королей, но можно задать ему абсолютное позиционирование, а у родительского элемента прописать overflow:hidden, чтобы обрезать ненужные элементы. Будет примерно так:

Код HTML:

<div class="down"><img src="<?php echo esc_url(get_template_directory_uri())?>/image/pc.png"></div>

PHP код:

.down {
 display:block;
 position:relative;
 width:145px;
 height:145px;
 overflow:hidden;
}
.down img {
 position:absolute;
 top:0;
 left:0;
 width:184px;
 height:180px;
} 


Пример
http://jsbin.com/sikawotaja/edit?html,css,output


Но лучше конечно такие вещи задавать через background. Если нужно это сделать в верстке, то:

Код HTML:

<div class="down" style="background-image:url(<?php echo esc_url(get_template_directory_uri())?>/image/pc.png);"></div>