Как разделить меню на 2 части?

Question

[Andr]

Здравствуйте, подскажите код для разделения меню на 2 части.

Answer 1

[Sergej]

Делаете стили для меню.
Для ul before / after скругление углов
Для li с классом logo - логотип бэкграундом, ну или вставить изображение, как удобно.

<ul class="nav">
    <li>Главная</li>
    <li>О нас</li>
    <li>Сервис</li>
    <li class="logo"></li>
    <li>Портфолио</li>
    <li>Контакты</li>
    <li>Блог</li>
</ul>

Готовое решение только за деньги.

Comments

[Andr]

Спасибо :3

[Sergej]

dashademkova: Пожалуйста.
Ответы которые вам помогут, помечайте как решение.

[Andr]

Sayber ⏰: а что мне в стилях прописать, чтобы влево ушел?(

[Sergej]

dashademkova: как вариант - для списка поставить display: inline-block или flex
htmlbook.ru/css/display

[Sergej]

dashademkova:

.nav li {
        display: inline-block;
    }

[Andr]

Sayber ⏰: да ничего он не хочет. уже все испробовала...

Answer 2

[Dmitry]

Если бутстрап, то примерно так...
<div class="row">
<div class="col-md-5">
<ul class="menu_left">
<li> Пункт 1 </li>
<li> Пункт 2 </li>
</ul>
</div>
<div class="col-md-2">ЛОГО</div>
<div class="col-md-5">
<ul class="menu_right">
<li> Пункт 1 </li>
<li> Пункт 2 </li>
</ul>
</div>
</div>

Comments

[Sergej]

Вот это пзц будет =)))
Тут bootstrap и всякая остальная беспонтовая хрень не подойдет, т.к. размеры четкие.
А вы предлагаете плавающие величины.

[Sergej]

Ну и зачем столько лишнего кода?
Да и поведение .row будет вообще замечательное.

[Dmitry]

Sayber ⏰: просили разделение на левую и правые части - про сохранение рисунка и т.д. речи не было...
можно картинку сделать бекграундом и через map area, но сложно слишком - не стал советовать

[Sergej]

dk-web: Честное слово, про map не слышал со времен microsoft frontpage 2003 =)
Да и забыл уже о таком механизме, обычно делаю просто ссылку с прозрачным элементом или бэкграунд изображение (лого в данном случае).
Хотя раньше модная штука была =)

[Dmitry]

Sayber ⏰: ))))))) мне тоже пришлось в поисковик зайти, чтобы освежить память)

[Сергей]

Sayber ⏰: вроде, map жив ru.crazysquirrel.ru/tools/generators/map-area