Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: свойство background-position
 
 автор: immortal727   (05.09.2014 в 12:54)   письмо автору
 
 

К списку применяется одно изображение размером 16x32px (обычная стрелочка, в разных цветах).
Но ничего не получается, где-то ошибаюсь, но где, не пойму.
.module ul li{ 
    background:url(../images/li.png) no-repeat;
    padding-left:20px;
    background-position:0 0;
}

.module ul li:hover{
    background-position:0 16px;
}


Что не так? Сайт пока на локалке

P.S.
Попробовал таким образом.
.module a{
    display:block;
    height:20px;
    background: transparent url(../images/li.png) 0 0 no-repeat;
    overflow: hidden;
}

.module a:hover{
    background-position:0 20px;
}

Но ничего. Идет смещение картинки если в фоне менять значения по x. А мне надо чтоб использовался метод спрайт.

  Ответить  
 
 автор: immortal727   (08.09.2014 в 10:01)   письмо автору
 
   для: immortal727   (05.09.2014 в 12:54)
 

Кто-нибудь сможет помочь?

  Ответить  
 
 автор: Deed   (08.09.2014 в 17:46)   письмо автору
 
   для: immortal727   (08.09.2014 в 10:01)
 

Присобачьте картинку.

  Ответить  
 
 автор: Deed   (08.09.2014 в 18:17)   письмо автору
 
   для: immortal727   (08.09.2014 в 10:01)
 

Так пойдет: http://jsbin.com/niqega/1/edit?html,css,output?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования