Дизайн и Верстка > Всё о Html

Проблема с представлением "дерева" (вложенные списки и т.п.)

(1/4) > >>

YA:
Вроде простейшая задачка, но никак не могу корректно решить. Есть дерево (каталог и т.п.), которое отображается примерно следующим образом ("-" - пробелы; "#" - маркер):

# Заголовок 1 (уровень 1)
--# Подзаголовок 2 (уровень 2)
----# Подзаголовок 3 (уровень 3)
------# Подзаголовок 4 (уровень 4)
------# Подзаголовок 5 (уровень 4)
------# Подзаголовок 6 с о-о-о-о-о-очень
длинным названием (уровень 4)
------# Подзаголовок 7 (уровень 4)
------# Подзаголовок 8 (уровень 4)

Вместо пробелов может быть gif-распорка определенной ширины или что-то еще - не принципиально. Все это запихивается в относительно узкий столбец таблицы и возникает проблема с длинными названиями. Хотелось бы так:

# Заголовок 1 (уровень 1)
--# Подзаголовок 2 (уровень 2)
----# Подзаголовок 3 (уровень 3)
------# Подзаголовок 4 (уровень 4)
------# Подзаголовок 5 (уровень 4)
------# Подзаголовок 6 с о-о-о-о-о-очень
------- длинным названием (уровень 4)
------# Подзаголовок 7 (уровень 4)
------# Подзаголовок 8 (уровень 4)

Все, что сейчас приходит в голову, либо отказывается работать в Netscape, либо подразумевает неоправданно сложный (или несовсем корректный) алгоритм...

Если использовать вложенные списки (что кажется логичным), то проблемы такие: нужен нулевой отступ слева, вместо стандартного маркера нужен (желательно) определенный символ и, наконец, в Netscape должно работать.

Если использовать таблицы, то Netscape, как положено, плевать хотел на "нежелательный" (по спецификации) атрибут "width".

Вроде должно быть какое-то простое решение. Может, кто подскажет?

ThE0ReTiC:

--- Цитировать ---Если использовать таблицы
--- Конец цитаты ---

Не надо этого делать

--- Код: ---
1

* 1.0.1
1.2

* 1.2.1

* 1.2.2
1.2.0.1

* 1.2.1.1


* 1.2.3


* 1.3


--- Конец кода ---

Типа того

YA:
ThE0ReTiC
Не получается в Netscape управлять размером отступа слева - нужно намного компактнее, чем стандартные списки (см. выше проблемы со списками).

MadDog:
Согласен с  ThE0ReTiC, что в данном случае глупо использовать таблицы.

YA
А разве через стили сложно задать необходимый отступ слева и даже расстояние между строк?

USE:

--- Цитировать ---Не получается в Netscape управлять размером отступа слева - нужно намного компактнее, чем стандартные списки (см. выше проблемы со списками)
--- Конец цитаты ---

есть такая штука CSS называется. при помощи свойств margin-left, margin-top, margin-bottom можно установить именно те расстояния которые тебе нужны. или же line-height... много способов, даже неправильных :)

Навигация

[0] Главная страница сообщений

[#] Следующая страница