Спрайты

Вдохновленным инфой об mobicms, решил познать спрайты.
Вобщем легко удалось вывести картинки в столбец. Но вот проблема.
в боковой панели на моем сайте для ссылок применен один стиль который задает вид ссылок при нажатии и по умолчанию.
Благодаря display: run-in;
Так вот как сделать чтобы можно было применить спрайт внутри этого стиля и каждая иконка отображалась как определенная ссылка? Если плохо обьяснил зайдите на тестовый сайт mactep-padio.p.ht (только с пк, еси что не реклама сайт тестовый) Это применено на панельке справа (вид ссылок) Это вобще реально? Или прийдется розграничивать картинку и ссылки ?

Вобщем нужно сделать туже панель но при помощи спрайта. Это реально?

Crack, хочиш чтобы иконки одной имагой? Ато я неочень понял.

BoGdAn, Да но при этом каждая была с разной ссылкой. Это реально?

Crack, реально. Нарезать через цсс. Если никто не опередит напишу пример.

BoGdAn, Закинь пжл. Не знаю в какую сторону думать.

Веном кажись, уже писал пример. Так же если погуглить то можно найти кучу примеров и статей по данному сабжу.

.icons {
height: 22px;
width: 22px;
background-image: url(images/icons.png);
background-position: 0px 0px;
background-repeat: no-repeat;
overflow: hidden;
vertical-align: middle;
margin: 0;
  padding: 0
}

.home {
background-position: 0 -154px;
}
.cab {
background-position: 0 -242px;
}
.exit {
background-position: 0 -286px;
}
.mail_yes{
    background-position: 0 -1px;
}
.home:hover {
background-position: -27px -154px;
}
.cab:hover {
background-position: -27px -242px;
}
.exit:hover {
background-position: -27px -286px;
}
.mail_yes:hover{
    background-position: -27px -1px;
}

venom, С этого кода следует что спрайт лучше делать в строку? Или как кнопка виндовс в столбик . как лучше?

Crack (31.07.2013 / 19:54)
venom, С этого кода следует что спрайт лучше делать в строку? Или как кнопка виндовс в столбик . как лучше?

Эта написано в столбик как на форточках , а там как тебе удобно, так и рисуешь...