GD Star Rating
loading...

Ребзя, подскажите, как сделать многоуровневый список в несколько колонок? Прочитал половину интернетов и толком ничего не нашел. Хочется, в идеале, как на http://www.focalprice.com/, когда наводишь на пункт слева. Я сделал подобное, но через float, что не всегда красиво. Как быть?

многоуровневый список в несколько колонок, 5.0 out of 5 based on 1 rating

14 Responses to многоуровневый список в несколько колонок

  1. Drablack:

    Забыл добавить, если не понятно – элементы списка разные по высоте, поэтому криво смотрятся при float: left

  2. Splmo:

    в примере, который ты дал, как раз через флоат:лефт и сделано. только влево сдвигаются не списки, а дивы. а вот в каждом диве уже списки выводятся. итого, считаешь кол-во списков, делишь их на кол-во дивов. то есть, есть у тебя, скажем, 8 списков, делишь их на 3 и получаешь, что в первом двух дивах – 3 списка, в одном – 2. и всех делов.

  3. Drablack:

    я нашел CSS3 решение в виде – column-count, но там криво реализованы переносы, т.е. заголовок блока в конце столбца, а подпункты в следующем.

    На 3 жаваскриптом сильно не поделишь, т.к. в одном может быть один вложенный пункт, а в другом десять.

  4. Splmo:

    я с точки зрения сервер-сайд рассказал, как я бы это реализовал на php. c JS’ом не силен, извини.

  5. KriLt:

    А в чем проблема-то? Делаешь блоков сколько нужно – хоть таблицей, хоть флоатом, хоть позишн:абсолют, в них пишешь списки свои.

  6. Drablack:

    это понятно, но решение должно быть максимально универсальным, чтобы после добавления или удаления пункта меню не нужно было лезть в CSS

  7. KriLt:

    я хуй что понял. Зачем туда вообще лезть?

  8. Splmo:

    всё жто дело высчитывается простой математикой. из результатов несложных вычислений ты получишь нужное количество блоков/столбцов/чего угодно, в которые и выведешь нужно количество списков. чего сложного то?

  9. Akuodin:

    Можно с помощью jquery и плагина http://masonry.desandro.com

    будет как вот здесь http://i.imgur.com/Nf8MSrL.png

    Не идеально, но думаю оно как-то там настраивается

  10. Drablack:

    пушо CMS из коробки не умеет создавать блоки, а умеет только многоуровневые списки. А мне для шаблона нужно решение, которое будет работать в любом случае

  11. KriLt:

    автор даже не говорит, что ему что-то высчитывать нужно

  12. KriLt:

    биг факинг дил.
    $(‘mysupermenu’).append(”).find(‘div.my’).append($(‘mysupermenu ul’).filter(‘:eq(0),:eq(1),:eq(2)’))

  13. Drablack:

    По умолчанию меню выглядит как-то так

    Image #1721343, 69 KB

    После column-count: 3; получилось как-то так, но с неправильными переносами и не работает в 7 осле

    Image #1721346, 86.7 KB

  14. Drablack:

    на то вы и адмирал

    www.hardblog.net  - сервера, компьютеры, ноутбуки, windows, linux, unix, nix

Добавить комментарий