VPF::Конструкция ol - li на дивах - Форум программистов

EDuard

Дата 25.3.2008, 14:27 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

Всем привет.
возник следующий вопрос, возможно ли
конструкцию

Код


<ol>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ol>

сделать на дивах?

То что получилось на текущий момент:

Код


<div style="list-style:decimal; color: #fff;">
    <div style="display: list-item;">sdf</div>
    <div style="display: list-item;">ghf</div>
</div>

Нумер по порядку везде 0 получается, возможно ли довести до стандартного поведения конструкции ol - li?

--------------------

NDenis

Дата 25.3.2008, 14:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

а зачем? чем не устраивает smile

EDuard

Дата 25.3.2008, 14:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

NDenis, стоит такая задача.
нужно решить smile

--------------------

TryLight

Дата 26.3.2008, 18:31 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 83
Регистрация: 26.8.2007

Репутация: 1
Всего: 1

Код


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
div {
  display: list-item;
  list-style: decimal;
  border: 1 solid;
  margin-left: 100;
}
</style>
</head>


<body>


    <div>kolya</div>
    <div>tolya</div>


</body>
</html>

Это сообщение отредактировал(а) TryLight - 26.3.2008, 19:12

NDenis

Дата 26.3.2008, 23:04 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

TryLight, вы бы проверили, перед тем как постить. Работает только в IE, мозила не понимает..

TryLight

Дата 26.3.2008, 23:56 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 83
Регистрация: 26.8.2007

Репутация: 1
Всего: 1

Ну и написал бы, как надо для мозилы.

TryLight

Дата 27.3.2008, 00:35 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 83
Регистрация: 26.8.2007

Репутация: 1
Всего: 1

Код


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
div {
  display: list-item;
  border: 1px solid;
  margin-left: 100px;
}
</style>
</head>


<body>

<ol>
    <div>kolya</div>
    <div>tolya</div>
</ol>


</body>
</html>

EDuard

Дата 27.3.2008, 14:34 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

TryLight, спасибо, но ol-div - не валидная конструкция

--------------------

TryLight

Дата 27.3.2008, 16:57 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 83
Регистрация: 26.8.2007

Репутация: 1
Всего: 1

Задача не тривиальная - решение не валидное. smile

Не знаю, чем тут еще помочь.

SelenIT

Дата 30.3.2008, 00:37 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Задача из разряда «Вы не должны этого хотеть©». Список — семантический элемент, див — в общем случае нет. Оформлять что-то с семантикой списка дивами — глупость сродни имитации ими таблицы. Такие задачи возникают максимум на 4-м, но не на 5-м уровне владения HTML smile

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

TryLight

Дата 31.3.2008, 03:09 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 83
Регистрация: 26.8.2007

Репутация: 1
Всего: 1

Не мешай нам танцевать с бубном smile

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »