Форум Сайтостроение Веб-строительство

CSS

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
548

Есть 2 стрелки, одинакового размера, но разного цвета, без наведения мыши на стрелку она белого, при наведении мышки на стрелку она должна стать оранжевой.

CSS 

.jcarousel-skin-projects .jcarousel-next-horizontal{position: absolute;bottom: 28px;right: 470px;width: 19px;height: 31px;cursor: pointer;background: transparent url(../images/next.png) 0 0  no-repeat;z-index: 99;}

.jcarousel-skin-projects .jcarousel-next-horizontal:hover{background-position: -19px 0;}

.jcarousel-skin-projects .jcarousel-prev-horizontal{position: absolute;bottom: 28px;right: 530px;width: 19px;height: 31px;cursor: pointer;background: transparent url(../images/prev.png) 0 0 no-repeat;z-index: 99;}

.jcarousel-skin-projects .jcarousel-prev-horizontal:hover{background-position: -19px 0;}

Подскажите как правильно это сделать в css?

png 113377.png
Sentoro
На сайте с 18.03.2007
Offline
149
Sentoro
#1

элементарно

Продается СДЛ на тему инвестирования (http://www.telderi.ru/ru/viewsite/903457)
Geers
На сайте с 12.04.2011
Offline
487
Geers
#2
Sentoro:
элементарно

Это скорей всего не то, речь помоему о позиционирование одной картинки методом a.hover..

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#3

Уже сам решил вопрос. Но за ответы спасибо.

CrePashOk
На сайте с 12.10.2011
Offline
21
CrePashOk
#4

А представить решение коллегам не хотите?

Полный спектр услуг по WordPress (http://www.wpteam.net). icq: 55559939, skype: crepashok, portfolio: wpteam (http://www.wpteam.net/portfolio)
vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#5
CrePashOk:
А представить решение коллегам не хотите?

Наверняка через :hover.

Ну или onmouseover

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
[Удален]
#6
CrePashOk:
А представить решение коллегам не хотите?

Я бы поступил следующим образом:


a{width: 50px; height: 50px; display: block; background: url('images/button.jpg') 0 0 no-repeat;}
a:hover{background-position: -50px 0;}

То есть изначально смысл такой - мы показываем только часть спрайта обычной ссылке, но при наведении сдвигаем картинку путём позиционирования. В данном случае сдвиг происходит влево. Думаю смысл понятен. :)

Оптимизация CLS: как измерить Кто ответственен за изменения Google: цена не влияет

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий