1

Тема: Випадаюче меню в дві колонки

Доброго дня чи може хтось порадити як зверстати випадаюче меню в дві колонки як на картинці

Post's attachments

Без имени-3.jpg 65.17 kb, 334 downloads since 2015-03-11 

2

Re: Випадаюче меню в дві колонки

В гуглі куча прикладів.. https://www.google.com.ua/search?q=%D0% … p;ie=UTF-8
Напр. хоча б цей.. http://vispyanskiy.name/prostenke-bahat … uche-menyu

3

Re: Випадаюче меню в дві колонки

Та там це меню 3 рівня, а я кажу як створити дві колонки в 2 рівні...

4

Re: Випадаюче меню в дві колонки

<ul id="nav">
    <li><a href="#">1 </a></li>
    <ul>
        <li><a href="#">1.1 </a></li>
        <li><a href="#">1.2 </a></li>
    </ul>
        <li><a href="#">2 </a></li>
    <ul>
        <li><a href="#">2.1 </a></li>
        <li><a href="#">2.2 </a></li>
    </ul>
</ul>

код на дві колонки, СSS розбирайся сам, кинула силку
http://www.cssko.com/%D0%B2%D0%B8%D0%BF … D1%8E-css/

Подякували: Djalin, kovin, 0xDADA11C7, leofun014

5

Re: Випадаюче меню в дві колонки

код на дві колонки, СSS розбирайся сам, кинула силку

як це сам?)

тримай

<ul>
  <li>Home</li>
  <li class="sub">SUB MENU
  <div>
    <ul>
    <li>item sub</li>
    <li>item sub</li>
  </ul>
  <ul>
    <li>item sub menu2</li>
    <li>item sub menu2</li>
  </ul>
    </div>
  </li>
  <li>ITEM</li>
</ul>

+сss я повністю все не писав, думаю розберешся

div{
  display: none;
}
.sub:hover div{
  display: block;
  cursor: pointer;
}
li div>ul{
  display: inline-block;
}
Подякували: Djalin, kovin, 0xDADA11C7, leofun014

6

Re: Випадаюче меню в дві колонки

Дякую))