Древовидный список

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем MiXOH, 29 май 2008.

Статус темы:
Закрыта.
  1. MiXOH

    MiXOH Гость

    Привет всем.

    Вот тут приведен пример того, что я хотел бы сделать
    http://web.artlebedev.ru/tools/technogrette/html/treeview/

    Но этот пример мне кажется достаточно сложным. Т.е. я никак не могу до конца понять как это реализовано, чтобы применить к своему случаю. В частности не понятно, как сделаны эти точечки.

    Может кто поможет разобраться в основных моментах или предложит другой вариант реализации.
     
  2. Vovochka

    Vovochka Гость

    Ну ё маё. Для чего великие люди фаербаг писали?
    Короче.
    Эти точечки - это точечные, однопиксельные границы.
    Левая - от LI
    Нижняя - от DIV
    У вложенного в DIV параграфа (P) установлено абсолютное позиционирование, но для позиционирования используется относительные величины (em).
    Небольшой относительный сдвиг влево и вниз. Вот и все чудо.
     
  3. MiXOH

    MiXOH Гость

    :) что это точечные, однопиксельные границы, это я понимал.

    Мне не было понятно от чего это границы. Спасибо за объяснение, теперь понял.

    Остались 2 вещи которые мне не совсем нравятся:
    1. Нижняя граница идет на всю страницу, можно ли ее как-то обрезать, чтобы она доходила только до начала текста?
    2. Избавиться от 2-х элементов не получиться? (div, p) Хотелось бы поместить все в 1.
     
  4. Vovochka

    Vovochka Гость

    Смысл в том, что смещенный P закрывает собой границу, идущую до конца блока :)
    Для этого у него проставлен свой background-color, Хотя фактически он такой же. Но это позволяет закрыть границу.
     
  5. Velvaruzh

    Velvaruzh Гость

    Здравствуйте.
    У меня вопрос по этому древовидному списку.
    Что нужно изменить в коде, чтоб список при начальной загрузке, был не открыт, а свёрнут?
     
  6. zlatov

    zlatov New Member

    Регистрация:
    2 авг 2013
    Сообщения:
    1
    Симпатии:
    0
    В коде JS добавить строчку, чтобы сворачивал, например на jQuery:
    <!--shcode--><pre><code class='js'>$(".ul-dropfree").find("ul").slideUp(400).parents("li").children("div.drop").css({'background-position':"0 0"});[/CODE]
    все что после .parents - изменяет минус на плюс.

    Вообще у меня есть статья по древовидным спискам, с примерами.
     
Загрузка...
Похожие Темы - Древовидный список
  1. gx6060
    Ответов:
    2
    Просмотров:
    438
  2. gx6060
    Ответов:
    6
    Просмотров:
    579
  3. Shandrik
    Ответов:
    6
    Просмотров:
    816
  4. anna
    Ответов:
    8
    Просмотров:
    816
  5. erhe
    Ответов:
    10
    Просмотров:
    792
Статус темы:
Закрыта.

Поделиться этой страницей