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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by 49volro, Jul 18, 2014.

  1. Offline

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

    Joined:
    Nov 30, 2012
    Messages:
    8
    Likes Received:
    2
    Gender:
    Male
    Добрый день

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

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

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

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Код (CODE):
    1. :nth-child(6n) {margin-left}

    или position
     
  4. Offline

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

    Joined:
    Nov 30, 2012
    Messages:
    8
    Likes Received:
    2
    Gender:
    Male
    Что-то похожее, только я неправильно выразился. Нужно так, чтобы после этого пятого элемента, шли следующие 6,7,8,.. ссылки, и потом опять, уже 10-ый элемент создал новую колонку. Возможно ли такое?
    --- добавлено: Jul 21, 2014, первое сообщение размещено: Jul 21, 2014 ---
    Код (css):
    1. li:nth-child(n+6){
    2.    position: relative;
    3.    top: -100px;
    4.    left: 100px;
    5. }


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

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

Share This Page

Loading...