Помогите разобраться со стилем.

P

65

pianist

13 декабря 2008, 19:08

358

Была задача: сделать так что бы слева каждой строки в списке была небольшая стрелочка-указатель.

Написал простой стиль:

div.listArrow {

margin: 0px;

padding: 0px;

padding-left: 5px;

list-style: none;

list-style-image: url("/img/arrow.gif");

}

Подключаю его в строке.

<li><a href="/word1/">Слово 1</a></li>

<li><a href="/word2/">Слово 2</a></li>

<li><a href="/word3/">Слово 3</a></li>

<li><a href="/word4/">Слово 4</a></li>

<li><a href="/word5/">Слово 5</a></li>

</div>

Все работает.

Как видите, сделано через <li>, но есть ли другие способы?

Возможно, так прописать стиль, что бы сам список выглядел вообще без дополнительных тэгов?

<a href="/word1/">Слово 1</a>

<a href="/word2/">Слово 2</a>

<a href="/word3/">Слово 3</a>

272

Алексей Барыкин

13 декабря 2008, 19:17

#1

a{
background:url("/img/arrow.gif") left top no-repeat;
padding-left:10px;
display:block;
}

https://adminbook.ru/

33

Turtle_Fly

13 декабря 2008, 19:19

#2

ну в данном случае или назначьте этот стиль для всех элементов A или для A в пределах какого-то блока.

Стиль для A в некоем блоке

#arrow_block A{

всё как у вас выше было написано

}

Пример

<a href="">txtxttx1</a>

</div>

лазерные станки для резки и гравировки, купить в Москве (http://laser911.ru/). изготовление табличек для офиса (http://www.shtampuem.ru/tablichki/).

P

65

pianist

13 декабря 2008, 19:40

#3

Turtle_Fly:
ну в данном случае или назначьте этот стиль для всех элементов A или для A в пределах какого-то блока.
Стиль для A в некоем блоке
#arrow_block A{
всё как у вас выше было написано
}
Пример
<div id="arrow_block">
<a href="">txtxttx1</a>
<a href="">txtxttx1</a>
<a href="">txtxttx1</a>
<a href="">txtxttx1</a>
</div>

Странно, но не работает.😕

Что такое Power BI и зачем это нужно бизнесу

VK приобрела 70% в структуре компании-разработчика red_mad_robot