Comments on: Дизайн текста 3: Списки

By: Seleckis.lv :: журнал Никиты Селецкого » » Дизайн текста 3.5: Вложенные списки, графические маркеры

Fri, 27 Nov 2009 09:36:30 +0000

[...] В прошлой статье, мы рассмотрели вариант размещения списка приближённого к предыдущему абзацу, для того, чтобы показать, что список является продолжением абзаца. Для того, чтобы поднять список повыше, в CSS была добавлена строка «margin: -16px 0 16px 0;» для элемента ul. Теперь, для внутренних списков нужно убрать этот отрицательный отступ: ul ul { margin: 0; } [...]

By: Seleckis.lv :: журнал Никиты Селецкого » » Дизайн текста 2: Цитаты

Seleckis.lv :: журнал Никиты Селецкого » » Дизайн текста 2: Цитаты — Tue, 25 Nov 2008 22:09:25 +0000

[...] Продолжение: Списки Дата: 20.03.2008 » Комментарии (10) Категории: CSS | Usability | Web‑дизайн | xhtml/xml | Типографика Поместить пост в закладки » [...]

By: Обзор №5, Март — Апрель 2008 - Design For Masters

Обзор №5, Март — Апрель 2008 - Design For Masters — Tue, 23 Sep 2008 10:46:19 +0000

[...] Дизайн текста 3: Списки Дизайн текста 3.5: Вложенные списки, графические маркеры Пара содержательных постов о тонкостях оформлении списков в HTML. [...]

By: Обзор №5, Март — Апрель 2008 | 0995

Обзор №5, Март — Апрель 2008 | 0995 — Thu, 08 May 2008 10:03:56 +0000

[...] Дизайн текста 3: СпискиДизайн текста 3.5: Вложенные списки, графические маркерыПара содержательных постов о тонкостях оформлении списков в HTML. [...]

By: Seleckis.lv :: журнал Никиты Селецкого » » Дизайн текста 3.5: Вложенные списки, маркеры, списки терминов

Wed, 09 Apr 2008 09:38:35 +0000

By: Никита

Никита — Mon, 31 Mar 2008 16:30:26 +0000

У меня уже в драфте пост об этом лежит

By: Дмитрий Пленкин

Дмитрий Пленкин — Mon, 31 Mar 2008 14:59:57 +0000

Артём Курапов, list-style-image нужно задавать для ul, а не li. Т.е. будет что-то типа:
ul ul ul {list-style-image: url(/img/my_cool_marker.png)}

Но вообще, я давно отошел от практики использования list-style-image, т.к. маркер невозможно позиционировать по-человечески. И каждый браузер норовит его по-своему разместить. Поэтому рекомендую для подобных целей использовать background-image.

Никита, вот, кстати, и тема образовалась для еще одной заметки

By: Никита

Никита — Sat, 29 Mar 2008 21:52:13 +0000

Алик Кириллович, упомянутая мною терминология — дословный перевод (ordered list, unordered list). Насчёт количества элементов я не подумал, действительно удобно. Но первоочерёдное назначение упорядоченных списков — собственно порядок. А упомянутое вами свойство уже побочный эффект.

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

Земной шар насчитывает пять океанов:
* Атлантический океан
* Индийский океан
* Северный Ледовитый океан
* Тихий океан
* Южный Ледовитый океан

By: Lev

Lev — Sat, 29 Mar 2008 02:14:02 +0000

спасибо за подсказки

By: Алик Кириллович

Алик Кириллович — Sat, 29 Mar 2008 01:11:33 +0000

Списки лучше называть не “упорядоченный” и “неупорядоченный”, а “нумерованный” и “маркированный”. Такая терминология, в частности, используется в офисных пакетах, например MS Office или OpenOffice.org

Дело в том, что нумерованные списки используют также и тогда, когда важен не ПОРЯДОК элементов, а их КОЛИЧЕСТВО.

Например, список “Океаны Земли”:
1. Атлантический океан
2. Индийский океан
3. Северный Ледовитый океан
4. Тихий океан
5. Южный Ледовитый океан
сделали нумерованным, чтобы подчеркнуть, что океанов на Земле именно ПЯТЬ.