Нумерация списка в обратную сторону

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Нумерация списка в обратную сторону

Опции

Belovsan

Topic Starter сообщение

22.7.2010, 13:01; Ответить: Belovsan

Сообщение #1

Группа: User
Сообщений: 18
Регистрация: 13.4.2010
Поблагодарили: 0 раз
Репутация:

Вот озадачился одним вопросом. Есть нумерованный список. Но хочу сделать так чтобы отсчёт шёл не 1,2,3,4....100, а наоборот - .....5,4,3,2,1

Можно это как-то сделать стилями?

Ответить с цитированием данного сообщения

SOKOJI SOKOJI 22.7.2010, 14:46; Сообщений: 402 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	22.7.2010, 14:46; Ответить: SOKOJI Сообщение #2
0 Группа: User Сообщений: 402 Регистрация: 21.7.2010 Поблагодарили: 0 раз Репутация: 0	Стилями наврятли, а вот с помощью javascript + css без проблем. + Нужно же задавать максимальное число, от которого бы шел отсчет. Единственное, если попробовать сделать картинку с числами, и каждому <li>-элементу указывать фон с этой картинкой с нужными границами :)

aaiirriiss aaiirriiss 22.7.2010, 15:15; Сообщений: 23 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	22.7.2010, 15:15; Ответить: aaiirriiss Сообщение #3
0 Группа: User Сообщений: 23 Регистрация: 15.7.2010 Поблагодарили: 0 раз Репутация: 0	Думаю это можно сделать используя counter-increment и content для вывода номера использовать псевдоэлементы after и before. ну и точно работать это для ие6-7 не будет.

aaiirriiss

22.7.2010, 15:25; Ответить: aaiirriiss

Сообщение #4

Группа: User
Сообщений: 23
Регистрация: 15.7.2010
Поблагодарили: 0 раз
Репутация:

вот, получилось! :)

<!DOCTYPE html>
<html>
<head>
<title>li</title>
<style type="text/css">
li { list-style-type: none; }
ul{counter-reset: list 101;
}
li:before {
counter-increment: list -1;
content: counter(list) ". ";
}
</style>
</head>
<body>
<ul>
<li>это 100</li>
<li>это 99</li>
<li>это 98</li>
<li>это 97</li>
</ul>
</body>
</html>

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Не могу выровнять блоки по правую сторону	1	Dark_Delphin	5908	18.11.2016, 0:14 автор: -Петр Чирнов-
Вывод списка custom post types	0	Вячеслав	1304	3.2.2016, 2:07 автор: Вячеслав
Напишу статьи за обратную ссылку	3	DrImeR	1933	23.8.2013, 7:25 автор: DrImeR
Как сделать отступ у списка	3	Gestein	13838	6.6.2013, 21:16 автор: -kursant-
Хак под dle 7.3 - нумерация title и метаописаний	3	arhey2006	3045	27.4.2012, 15:37 автор: arhey2006

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 19.4.2024, 23:50

Дизайн