активация спрайта при наведение на ссылку

artefakt777

Постоялец
Регистрация
15 Июл 2012
Сообщения
537
Реакции
141
Собственно есть спрайт в связке с ссылкой. При наведение на картинку (спрайт) выделяется и ссылка, а вот при наведение на ссылку спрайт остается неизменным.

Код:
<a href="/katalog/sarafani">
 <div class="icons">          
<div class="ico1"> </div>
Сарафаны
 </div></a>

css:
Код:
.ico1 {
background: url(/images/ico1.png);
background-repeat: no-repeat;
display: block;
width: 45px;
height: 52px;
margin: 0 auto;
margin-bottom: 5px;
}

.ico1:hover {
    background: url(/images/ico1.png) 0 -52px;
    background-repeat: no-repeat;
    display: block; 
    width: 45px; 
    height: 52px;
    margin:0 auto;
    margin-bottom: 5px;
   }
 
Картинку свою покажите и скажите более внятно, какого результата хотите достичь.
 

Куда яснее то. Нужно, чтобы при наведение на текст ссылки менялось изображение
 
Последнее редактирование:
В таком случае не понятно, в чем вопрос? Куча инфы, как делать спрайты.
Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование:
В таком случае не понятно, в чем вопрос? Куча инфы, как делать спрайты.
Для просмотра ссылки Войди или Зарегистрируйся

Вопрос в том, как реализовать, чтобы при наведение курсором мыши на текст ссылки, который находится под картинкой - срабатывал спрайт, а именно менялась картинка.

В данный момент при наведение курсором на картинку - срабатывает спрайт, картинка меняется, а также выделяется и текст под картинкой.
НО при наведение курсором на текст ссылки, спрайт не срабатывает! и картинка НЕ меняется!
 
Добавил там и текст ссылки и картинку.
Для просмотра ссылки Войди или Зарегистрируйся
Если и это не то, тогда мне не понятно, что требуется.
 
При таком способе тексту ссылки задаются параметры картинки и не представляется возможным его выровнить Для просмотра ссылки Войди или Зарегистрируйся
А вот как должен быть расположен текст ссылки, но здесь при наведение на ссылку - картинка не меняется Для просмотра ссылки Войди или Зарегистрируйся
 
При таком способе тексту ссылки задаются параметры картинки и не представляется возможным его выровнить Для просмотра ссылки Войди или Зарегистрируйся
А вот как должен быть расположен текст ссылки, но здесь при наведение на ссылку - картинка не меняется Для просмотра ссылки Войди или Зарегистрируйся
Посмотри Для просмотра ссылки Войди или Зарегистрируйся
 
Назад
Сверху