вопрос
          
        
        Здравствуйте! У меня есть фон сайта (60x60, повторяется). Есть еще фон верхней навигации и фон сайдбаров. Все три картинки 60x60px. Объединяю в спрайты по горизонтали, без отступов. Как правильно прописать background-position.
  
        Спрайты применимы только для иконок и для заливки по горизонтали или вертикали.
Посредством четко заданных размеров формы и background-position можно четко задать фон для блока.
Пример, заливка фона кнопок, по горизонтали:

Тут используются стили:
Пример 2, иконки:

А вообще, RTFM
          Посредством четко заданных размеров формы и background-position можно четко задать фон для блока.
Пример, заливка фона кнопок, по горизонтали:

Тут используются стили:
.aqua{background-position:0 0;}
    .aqua:hover{background-position:0 -28px;}
.blue{background-position:0 -56px;}
    .blue:hover{background-position:0 -84px;}Пример 2, иконки:

.orating_m{background-position:-12px 0;}
    .orating_m:hover{background-position:-12px -12px;}
    .orating_m.orated{background-position:-12px -24px;}
.orating_p{background-position:0 0;}
    .orating_p:hover{background-position:0 -12px;}
    .orating_p.orated{background-position:0 -24px;}А вообще, RTFM

 
				 
				 
				