Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Подскажите как грамотно сверстать макет (сложно)


Автор: kanaris 22.12.2010, 17:10
Подскажите, как грамотно сверстать вот такое дерево в 2 колонки:

user posted image

Такое используется в Firebug (плагин для Firefox), когда просматриваешь DOM.
Основная сложность заключается в позиционировании второй колонки! Она должна целиком отодвигаться от первой колонки, если первая расширяется.
Нужно в тегах сделать вложенность, чтобы соответствовала вложенности узлов дерева.
Смотрел, как устроен Firebug Lite, там открывающиеся узлы расположены под высшим узлом, а не внутри его. Т.е. это не то!

Помогите, как это сверстать грамотно, желательно без яваскрипта!
http://hackersoft.org.ua/dev/2cols_tree.html. Но это еще сырое и не полноценное.

Автор: bars80080 22.12.2010, 21:14
Цитата(kanaris @  22.12.2010,  16:10 Найти цитируемый пост)
Помогите, как это сверстать грамотно, желательно без яваскрипта!

однозначно в таблицу всё загоняешь и всё

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)