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

CSS text-indent

malls
На сайте с 08.08.2005
Offline
255
malls
872

Нужно отформатировать ссылку в блоке примерно таким образом:

[ATTACH]25928[/ATTACH]

теоретически нужно бы рыть в области text-indent, т.е. обратного сдвига первой строки, но Опера и Фокс напрочь игнорируют его на примере следующего кода: 

<style>

DIV.links {

	width: 200px;

	background-color: #DDDDDD;

	margin: 70px 10px 10px 10px;

	padding-left: 20px;

}



DIV.links A {

	text-indent: -10px;

}

</style>



<div class=links>

	<a href=#>Нужно отформатировать эту ссылку</a>

</div>

Как с этим бороться?

ЗЫ: Сложный момент еще в том что тире хочется подставлять средствами CSS (например через background-image) чтобы оно не было подчеркнуто как текст ссылки.

gif 0.gif
[Удален]
#1

<ul><li><a>aga</a></li></ul>

прописываем стиль для LI и все получается. Тире можно и как бек сделать и как обозначение элемента списка

malls
На сайте с 08.08.2005
Offline
255
malls
#2
So1:
<ul><li><a>aga</a></li></ul>
прописываем стиль для LI и все получается. Тире можно и как бек сделать и как обозначение элемента списка

Можно еще через таблицы сделать и т.п.

НО ВОПРОС БЫЛ ПРО CSS, эта смешная абревиатура даже в начале названия топика числится. Иными словами, спасибо - но средства HTML не рассматриваются пока. Хочется с CSS разобраться.

Givandos
На сайте с 25.06.2007
Offline
33
Givandos
#3

malls

Если я правильно понял, то Вам нужно сделать так, чтоб вторая строка начиналась с той же позиции (отступ слева) что и первая? Если да + учитывая Ваше желание сделать "тире" перед каждой ссылкой, советую сделать вывод ссылок посредством списка, а в стиле самого списка указать, что финдиклюшка (забыл как называется кружечки и прочее в начале ненумерованного списка) будет нужным Вам знаком, в данном случае "тире".

Иначе Вам все же придется городить очень много кода, а результат визуально будет в лучшем случае тот же, а то и значительно хуже списков.

Givandos добавил 02.01.2009 в 17:35

So1

Пока писал свою месагу, Вы меня опередили :)

Но сказали все абсолютно правильно

malls

А зачем Вам нужен чистый CSS, если он будет значительно тяжелее нежели связка? Тем более, что вывод навигационного меню в виде списка - это вполне логично и часто используемо.

А вообще, если через бэкграунд делать "тире"-картинку, то зачем вообще инденты ?! Достаточно сделать отступ (он у Вас уже есть) ссылки от границы блока, и все готово!

Givandos добавил 02.01.2009 в 17:37

Сорри, немного недоглядел - отступа между ссылками и блоком у Вас нет. Нужно бы сделать. 

DIV.links A {

    margin-left:  40px;

}

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