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

Помогите с изображением для списка

R
На сайте с 24.09.2008
Offline
99
reznik
380

Добрый день, осваиваю HTML и CSS и столкнулся с проблемой, сделал все как в учебнике но не работает

в css создаю класс

.litick {
    list-style: none; /* Убираем исходные маркеры */
    background-image: url(upload/icons/tick24px.png) no-repeat; /* Параметры фона */
    padding-left: 30px; /* Смещаем текст вправо */
   }

для пункта li присваиваю класс

в итоге маркер убирается, а указанная картинка не выставляется, что я делаю не так?

Займы без залога и поручителей (http://mfo24.ru)
Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#1

background-image: - путь к картинке и больше ничего

background-repeat: no-repeat;

либо использовать короткую запись:

background: url(upload/icons/tick24px.png) no-repeat;

R
На сайте с 24.09.2008
Offline
99
reznik
#2

в том то и дело что не работает, и не

работает отсюда

.liapplication {

list-style: none; /* Убираем исходные маркеры */

background: url(icons/tick24px.png) no-repeat; /* Параметры фона */

padding-left: 30px; /* Смещаем текст вправо */

margin-top: 0.5em; /* Отступ сверху */

margin-bottom: 1em; /* Отступ снизу */

}

только эта часть

background: url(icons/tick24px.png) no-repeat; /* Параметры фона */

AlexandrSG
На сайте с 14.11.2010
Offline
74
AlexandrSG
#3

Либо элемент не блочный(возможно ранее задано), либо выходит за границы(перекрывается другим блоком, прочее).

list-style-image задает значение маркера.

Консультации, Inside/Outside (/ru/forum/809679) оптимизация/продвижение
R
На сайте с 24.09.2008
Offline
99
reznik
#4
AlexandrSG:
Либо элемент не блочный(возможно ранее задано), либо выходит за границы(перекрывается другим блоком, прочее).
list-style-image задает значение маркера.

это я попробовал еще в самом начале, из за того что оно не сработало стал рыть дальше

страница используется пустая, на ней только эти списки и все

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#5

url(icons/tick24px.png) - иконка лежит в папке icons, которая лежит в одной директории с файлом стилей? Сомневаюсь. Проверяйте путь к файлу tick24px.png

R
На сайте с 24.09.2008
Offline
99
reznik
#6
Olldman:
url(icons/tick24px.png) - иконка лежит в папке icons, которая лежит в одной директории с файлом стилей? Сомневаюсь. Проверяйте путь к файлу tick24px.png

да, они лежат в разных папках, и инспектор фаерфокса говорит что изображение не удалось загрузить, хотя вводя адрес в строку в браузере изображение открывается

---------- Добавлено 05.04.2014 в 19:19 ----------

Всем большое спасибо за ответы, решение найдено, именно пути и вложенность папок сыграла злую шутку :)

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#7

В файле стилей указан относительный адрес, относительно этого файла стилей.

Т.е. если папка css/ находится в корне (www) и в этом же корне находится папка icons, то путь нужно указывать типа:

url(../icons/tick24px.png);

../ - выходим в корень/заходим в icons

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