Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Випадаюче меню в дві колонки
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Доброго дня чи може хтось порадити як зверстати випадаюче меню в дві колонки як на картинці
В гуглі куча прикладів.. https://www.google.com.ua/search?q=%D0% … p;ie=UTF-8
Напр. хоча б цей.. http://vispyanskiy.name/prostenke-bahat … uche-menyu
Та там це меню 3 рівня, а я кажу як створити дві колонки в 2 рівні...
<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/
код на дві колонки, С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;
}Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися