Вопрос Перенос элементов ul li

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем 49volro, 18.07.2014.

  1. Offline

    49volro Недавно здесь

    Регистрация:
    30.11.2012
    Сообщения:
    8
    Симпатии:
    2
    Пол:
    Мужской
    Добрый день

    Для меню сайта требуется, чтобы каждый пятый элемент списка ul li переносился бы на новый столбик. Т.е. 1-5 ссылки в первом столбике, а 6 и следующие во втором столбике, справа от первого. Меню вертикальное.

    Дошёл до :nth-child(5n){} и всё, не представляю как дальше. Есть какие-нибудь мысли? Может уже кто-нибудь подобным занимался?

    С уважением,
    Сергей
     
  2.  
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    Код (CODE):
    1. :nth-child(6n) {margin-left}

    или position
     
  4. Offline

    49volro Недавно здесь

    Регистрация:
    30.11.2012
    Сообщения:
    8
    Симпатии:
    2
    Пол:
    Мужской
    Что-то похожее, только я неправильно выразился. Нужно так, чтобы после этого пятого элемента, шли следующие 6,7,8,.. ссылки, и потом опять, уже 10-ый элемент создал новую колонку. Возможно ли такое?
    --- добавлено: 21.07.2014, первое сообщение размещено: 21.07.2014 ---
    Код (css):
    1. li:nth-child(n+6){
    2.    position: relative;
    3.    top: -100px;
    4.    left: 100px;
    5. }


    Вроде получилось. Подсмотрел тут.

    draff, спасибо, что не прошли мимо!
     

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

Загрузка...