Делаем списки вида 1)... 2)... 3)

Vlad · November 13, 2007

Когда-то полагал, что с помощью стилей нельзя поменять вид нумерации и автоматически добавить к числам скобку. А вот и можно! По этому поводу написал даже рецепт.

http://htmlbook.ru/faq/?a=62

IE как обычно курит в сторонке...

Scrum · November 13, 2007

В рецепте есть неточность касаемо ЕИ, при сдвиге -20px улетает за экран.

Slyfox · November 13, 2007

...IE как обычно курит в сторонке...

Scrum наверное Vlad написал.

Scrum · November 13, 2007

...IE как обычно курит в сторонке...
Scrum наверное Vlad написал.

наверно я понял.

"Но чтобы не получилось явного различия при выводе списка в разных браузерах, специально для Internet Explorer в данном примере добавлен параметр _list-style-type: decimal. "

Dimitry Wolotko · November 13, 2007

Пример 2. Изменение вида списка

Кнопка валидности, однако как ты, Влад, написал сам - что код со строкой _blablabla будет невалидным. А потом будут вопросы - почему примеры с сайта невалидны.

Sanguis · January 10, 2008

а как сделать то же самое только не с нумерацией, а с латинскими буквами? и можно ли поменять цвет этих букв (и скобок соотвественно)?

желательно кроссбраузерный способ =)

а то дизайнер-то нарисовал красные буковки со скобками на списках, а у меня только черные с точкой получаются =)

Sanguis · January 10, 2008

так, с цветом сама разобралась (правда пришлось в каждый пункт span пихать, но хоть так), а вот со скобкой нет

Sanguis · January 16, 2008

ну неужели никак?

я пока вручную сделала (то есть руками пишем букву и скобку, в span пишем текст - получается: красные буквы со скобкой, черный текст). но все-таки хотелось бы как-то генерировать эти буквы......

Vlad · January 16, 2008

Тебе надо список вида?

а) раз

б) два

с) три

Sanguis · January 16, 2008

да, только латиницей....

Vlad · January 16, 2008

Только для тебя, красавица. В IE скобок нет.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Список</title>
<style type="text/css">
OL {
 list-style-type: none;
 _list-style-type: lower-alpha;
 counter-reset: item;
}
li:before {
 content: counter(item, lower-alpha) ") ";
 counter-increment: item;
 color: red;
}
</style>
</head>
<body>
<ol>
<li>Первый</li>
<li>Второй</li>
<li>Третий</li>
<li>Четвертый</li>
</ol>
</body>
</html>

musulman · January 16, 2008

 _list-style-type

почему ие понемает это свойство а мозила и опера нет ?

Sanguis · January 17, 2008

спасибо.

вот-вот, в ие нету скобки...в ие даже цвет не применяется для списка....

итог: опера и мозилла - все атлищна!!! ие6 - цвет букв черный, скобки нет в ие7 - даже букв нет! просто список без каких-либо маркеров....

так что видимо останется ручной способ......

Vlad · January 17, 2008

_list-style-type - это известный хак для IE6. В IE7 он уже не работает, поэтому список и остается без нумерации в этом браузере.

Sign In

Делаем списки вида 1)... 2)... 3)

Question

Link to comment

Share on other sites

13 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information