Вопрос на счет css форматирования списков

aseo · March 18, 2008

Как уменьшить расстояние от циферки или точки до первой буквы?

homm · March 18, 2008

Нормально вопрос задай. Циферка, точечка?

PS лично я понял о чем спроашивает, из вредности не скажу.

aseo · March 18, 2008

а что тут непонятного???

мне что, циферку надо было назвать Цифрой, а точечку •'ом???

homm · March 18, 2008

Упустил из виду заголовок ?Вопрос на счет css форматирования списков?, прошу прощения.

aseo · March 18, 2008

..и?

Никто не знает?

((

Postal · March 18, 2008

непосредственно за положение маркера средства в css в общем-то есть, однако ИЕ их невоспринимает, поэтому только обходным путем. Подробнее можно прочесть здесь http://wdh.suncloud.ru/css11.htm

К примеру так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
 <title>Lists</title>
 <style type="text/css">
 ul {
 margin:0;
 padding:0;
 list-style-type:none;
 }
 li {
 padding-left:10px;
 background:url(li.gif) no-repeat 0px 8px;
 }
 </style>
</head>
<body>
 <ul>
 <li>Первый</li>
 <li>Второй</li>
 <li>Третий</li>
 <li>Четвертый</li>
 <li>Пятый</li>
 </ul>
</body>
</html>

guvatara · March 18, 2008

А если цифра?

отдалить от маркера или цифры можно а вот приблизить, я честно кроме как через задание фона не знаю. И то этот способ годится лишь для буллетов, а для цифр нет.

Postal · March 18, 2008

а если так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
 <meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
 <title>Lists</title>
 <style type="text/css">
 ol {
 margin:0;
 padding:0;
 padding-left:25px;
 }
 li span {
 margin-left:-10px;
 margin-left:-15px !ie;
 }

 </style>
</head>
<body>
 <ol>
 <li><span>Первый</span></li>
 <li><span>Второй</span></li>
 <li><span>Третий</span></li>
 <li><span>Четвертый</span></li>
 <li><span>Пятый</span></li>
 </ol>
</body>
</html>

То все нормуль.

guvatara · March 18, 2008

круто, я до этого как то не додумался.

+1

Postal · March 18, 2008

спасибо за оценку, однако есть недостаток в этом коде: нельзя вывести несколько строк в одном пункте при положении маркера outside, и пока я не нашел этому решения. Если подойдет маркер inside то этот код будет вернее:

<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
 <meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
 <title>Lists</title>
 <style type="text/css">
 ol {
 margin:0;
 padding:0;
 padding-left:25px;
 list-style-position:inside;
 }
 ol li span {
 margin-left:-10px;
 margin-left:-5px !ie;
 }
 </style>
</head>
<body>
 <ol>
 <li><span>asdfasdf asdfsdaf dsaf asdf sad dsa fsda fsda dasf asd</span></li>
 <li><span>Второй</span></li>
 <li><span>Третий</span></li>
 <li><span>Четвертый</span></li>
 <li><span>Пятый</span></li>
 </ol>
</body>
</html>-->

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

[*] , если у кого есть решение поделитесь, буду благодарен.

Sign In

Вопрос на счет css форматирования списков

Question

aseo

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

homm

Link to comment

Share on other sites

aseo

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

aseo

Link to comment

Share on other sites

Postal

Link to comment

Share on other sites

guvatara

Link to comment

Share on other sites

Postal

Link to comment

Share on other sites

guvatara

Link to comment

Share on other sites

Postal

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information