Как правильно вставить иконку li через CSS?

12
I
На сайте с 02.12.2009
Offline
71
10852

Не вставляется, в чем-то у меня ошибка. Помогите:

На странице

<div class="SR">
<div class="Categories">


<ul>

<li class="imt"><a href="">Рассчитать</a></li>

В стилях

.categories li.imt {background-image: url('images/1.gif') top left no-repeat;}

не вставляется

TF-Studio
На сайте с 17.08.2010
Offline
334
#1

list-style: none outside url("/images/1.gif");

margin-left: 10px;

как-то так

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
Olldman
На сайте с 21.04.2010
Offline
79
#2

У свойства background-image может быть только одно значение - путь к графическому файлу.

Тобишь, вы либо расписываете все свойства по одиночке:

background-image: url('images/1.gif');

background-repeat:no-repeat;

background-position: top left;

либо укороченным вариантом, что намного проще:

background: url('images/1.gif') top left no-repeat;

AlExTeam
На сайте с 12.08.2010
Offline
34
#3

.categories li.imt {background: url('images/1.gif') top left no-repeat;}

// без -image

Internet killed the video star
I
На сайте с 02.12.2009
Offline
71
#4

не вставляется. Путь к картинке верный.

[Удален]
#5

.Categories ul li.imt{list-style-image: url('images/1.gif');}

uanix
На сайте с 17.10.2006
Offline
108
#6

li

{

padding: 0px;

margin: 0px 0px 0px 0px;

list-style: disc outside url("/design/li.gif");

}

Первый кредит БЕСПЛАТНО (https://debtum.ru/?ref=7783) | Хостинг и домены: COM, ORG, NET, INFO... (http://www.dominant.lt/p.php?1187) и UA *.UA... (http://www.dominant.ua/p.php?1187) | А еще я делаю сайты - в личку
I
На сайте с 02.12.2009
Offline
71
#7
Сашко:
.Categories ul li.imt{list-style-image: url('images/1.gif');}

Скажите, а именно бэкграундом нельзя вставить у li картинку? Вставилось, но почему-то сам li выровнялся по bottom.

jpg iu.jpg
4arger
На сайте с 17.12.2008
Offline
95
#8

как-то так:


<style>
div.SR div.Categories ul li.imt {
background: url('http://dilovasiilkogretimokulu.com/images/delete.png') center left no-repeat;
padding: 20px 0 20px 50px;
list-style-type: none;
}
</style>

<div class="SR">
<div class="Categories">
<ul>
<li class="imt"><a href="#">Рассчитать</a></li>
</ul>
</div>
</div>
[Удален]
#9

.Categories ul li.imt{list-style-type: none; background: url(images/1.gif) 0 0 no-repeat; height: 18px; padding: 10px 0 10px 50px; display: block;}

I
На сайте с 02.12.2009
Offline
71
#10
4arger:
как-то так:

<style>
div.SR div.Categories ul li.imt {
background: url('http://dilovasiilkogretimokulu.com/images/delete.png') center left no-repeat;
padding: 20px 0 20px 50px;
list-style-type: none;
}
</style>

<div class="SR">
<div class="Categories">
<ul>
<li class="imt"><a href="#">Рассчитать</a></li>
</ul>
</div>
</div>

Большое спасибо. Вот по этому рецепту получилось. Единственное, один из li в списке у меня вставляется кодом, который уже в верстке превращается вот в такое

<li class="imt"><a href="">Рассчитать свой ИМТ</a></li>

<li class="kal"><li class="page_item page_folder"><a href="">Таблицы калорийности продуктов</a>
</li>
</li>

Я попыталась добавить и второй li в стилях, видимо, не совсем точно опять?

div.Categories ul li.kal li.page_item page_folder { background: url('images/2.jpg') center left no-repeat; padding: 20px 0 20px 50px; list-style-type: none;}
12

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