Верстка меню

[volkod]

Как сверстать такое меню используя по максимуму css

[deadrash]

<ul class="menu">
<li class="menu-item">Главная</li>
<li class="menu-item">Лучшее!</li>
<li class="menu-item">и т.д.</li>
<li class="menu-item"></li>
<li class="menu-item"></li>
<li class="menu-item"></li>
<li class="menu-item"></li>
<li class="menu-item"></li>
<li class="menu-item"></li>
</ul>

Всё остальное в CSS.

А в чём сложности?

Edited May 2, 2013 by deadrash

[volkod]

в нижней части меню

[deadrash]

в нижней части меню

Думаю её не нужно отделять от меню. Это просто визуальное отделение, но по сути, это часть меню.

[volkod]

вот и проблема с этим как сделать его таким же как на картинке

[deadrash]

Блок меню у вас плавает в размерах? То есть он статичен в ширину или нет?

Если статичен, то просто сделайте картинку склеенную из двух вариантов меню, сверху меню обычное, снизу с ховером. И каждому ли, при ховере меняйте background-position

Я могу и подробней разжевать, я просто не знаю статична ширина у вас или нет, стоит мне распаляться или нет.

Edited May 2, 2013 by deadrash

[volkod]

статичен но я эт и так знал как сделать ток вопрос был как сделать используя только css но видимо ни как

[deadrash]

статичен но я эт и так знал как сделать ток вопрос был как сделать используя только css но видимо ни как

Хм... понятно. В принципе если очень захотеть, то заморочиться можно. Для начала попробуйте подобрать правильный радиальный градиент =) http://www.colorzilla.com/gradient-editor/ а там уж и бордеры такие можно сделать, и нижний градиент в "бордере", и скругления углов. Только вот, стит ли оно того? Не везде ведь будет правильно отображаться.

[volkod]

ну градиент он не столь так важен можно и взять чистый цвет больше все визуальные отделения хочется сохранить

Edited May 2, 2013 by volkod

[deadrash]

ну градиент он не столь так важен можно и взять чистый цвет больше все визуальные отделения хочется сохранить

Мне вот просто лень верстать за вас. Если совсем не знаете как сделать, напишите в раздел http://forum.htmlbook.ru/index.php?showforum=50 может кто поможет.

[volkod]

я конечно буду благодарен если за меня сверстают, а так хотел услышать идеи по верстки

[mrnobody]

Можно вот так, но его еще дорабатывать и дорабатывать, бордеры у пунктов меню, внутренний белый блик ((:

http://jsfiddle.net/mrnobody/RgGG5/1/

http://fiddle.jshell.net/mrnobody/RgGG5/1/show/

Edited May 2, 2013 by mrnobody

[volkod]

Можно вот так, но его еще дорабатывать и дорабатывать, бордеры у пунктов меню, внутренний белый блик ((:

http://jsfiddle.net/mrnobody/RgGG5/1/

http://fiddle.jshell...y/RgGG5/1/show/

спасибо то что надо было

[sashakee]

Тоже взял для коллекции. Поставил жирный плюс.