сдвиг в списке.

koreshs · October 15, 2009

Вот задался задачкой.

Как написать CSS чтобы в HTML списки при добовлении новго элемента списка уменшался отступ от начала строки.

Пример:

_______Категория1

_____Категория2

___Категория3

_Категория4

HTML:

<li>Категория1</li>

<li>Категория2</li>

<li>Категория3</li>

<li>Категория4</li>

чтоб небыло индификаторов номера строчки списка или типа того внутри списка.

Есть предложения к задачке?

rus · October 15, 2009

это может только ява скрипт.

koreshs · October 15, 2009

это может только ява скрипт.

А CSS2 или CSS3 тоже не в состоянии?

rus · October 15, 2009

А CSS2 или CSS3 тоже не в состоянии?

можно, но только вот так:

<html>
<head>
<style>
ul {
list-style:none;
}
</style>
</head>
<body>
<ul>
<li>текст1</li>
<li>
<ul>
<li>текст2</li>
<li>
<ul>
<li>текст3</li>
<li>
<ul>
<li>текст4</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>

koreshs · October 15, 2009

можно, но только вот так:
[

всмысле наоборот:

<html>
<head>
<style>
ul {
list-style:none;
}
</style>
</head>
<body>
<ul>
<li>
<ul>
<li>
<ul>
<li>
<ul>
<li>text1</li>
</ul>
</li>
<li>text2</li>
</ul>
</li>
<li>text3</li>
</ul>
</li>
<li>text4</li>
</ul>
</body>
</html>

Спасибо ОГРОМНОЕ.

значит так будем делать

А подскажите как изменять эту разницу в отступах?

_______________text1

____________text2

_________text3

______text4

___text5

rus · October 15, 2009

всмысле наоборот:

Если честно, то у меня уже под конец рабочего дня мозги не варят, но вышло вот так грязненько:

<html>
<head>
<style>
ul {
list-style:none;
margin:0;
padding:0;
}
ul li ul {
margin-left:70px;
}
ul li ul li{
margin-left:50px;
}
ul li ul li ul li{
margin-left:30px;
}
ul li ul li ul li ul li{
margin-left:10px;
}
</style>
</head>
<body>
<ul>
<li>
<ul>
<li>
<ul>
<li>
<ul>
<li>text1</li>
</ul>
</li>
<li>text2</li>
</ul>
</li>
<li>text3</li>
</ul>
</li>
<li>text4</li>
</ul>
</body>
</html>

Edited October 15, 2009 by rus

psywalker · October 15, 2009

Не грязненько, а вполне нормально :lol:

koreshs · October 15, 2009

Спасибки всем за ответ.

а я блин искал свойство что то вроде этого

list-style-margin

а про так совсем не подумал :-)

rus · October 15, 2009

Не грязненько, а вполне нормально

Ну, раз гуру css говорит что все нормуль - значит так и есть!

psywalker · October 15, 2009

Ну, раз гуру css говорит что все нормуль - значит так и есть!

Ну спасибо тебе конеш, но думаю до Гуру мне ещё ого-гоо сколько :lol:

Sign In

сдвиг в списке.

Question

koreshs

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

koreshs

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

koreshs

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

koreshs

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information