Верстка меню

[Imperil]

День добрый!

Есть вот такое вот меню:

А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам.

Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину.

Что посоветуете?

[McLotos]

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

Edited February 5, 2013 by McLotos

[0nline]

Если есть еще вопросы - задавайте)

[Imperil]

[0nline]

Вы блок над меню режете так, чтобы можно было повторить ее несколько раз, меню делаете стандартно, а картинки сбоку вставляете просто.

Алгоритм похож на создание скругленных углов с помощью картинок.

[Imperil]

Вы блок над меню режете так, чтобы можно было повторить ее несколько раз, меню делаете стандартно, а картинки сбоку вставляете просто.

Алгоритм похож на создание скругленных углов с помощью картинок.

Вот полностью шапка. Тот фон про который ты говоришь - картинка. С этим понятно. Вставляем картинку как обычно.

А вот с меню - хз. Ну само меню понятно. Цепляем background на li, и прописываем repeat. Шапка расчитана на разрешение экрана до 1920px. Область контекнта фиксированная. Само меню тоже фиксированное ( ну, к примеру 1000px), а вот эти ленты уже потом тянуться до 100% в зависимости от монитора. Я вообще так вижу этот макет. Придется 2 картинки поставить (загнутая эта хрень) и выставить их позиционированием, а тот фон по бокам который тянуться будет в дивы отдельные что-ли и тоже как-то через позиционирование подгонять.

Или я не до конца понял что ты имел ввиду?

[0nline]

Аааа, ну если все фикс,то все элементарнее. Просто режешь картинку как я показал и все.

Понятно как верстать? Это все отдельные блоки, в каждом из которых своя картинка. Нижний центральный - просто блок со списком пунктов меню. Понятно?

Я правильно понял, что сайт фиксированной ширины?

Edited February 6, 2013 by 0nline

[Imperil]

Аааа, ну если все фикс,то все элементарнее. Просто режешь картинку как я показал и все.

Понятно как верстать? Это все отдельные блоки, в каждом из которых своя картинка. Нижний центральный - просто блок со списком пунктов меню. Понятно?

Я правильно понял, что сайт фиксированной ширины?

Шапка будет тянуться до max-width:1800px, включая менюшку

Контент будет фиксированным (наверное 1000 px). А менюшка, там где список - 1000px, а вот края потом (ленточки эти) - будут растягиваться так же как шапка до 1800px,

Я как-то так представляю себе макет.

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

Ну тут проблема в меню. Как лучше сделать, чтобы смотрелось на разных разрешениях хорошо. Пришло в голову только чтобы лента эта после того как загибается тянулась до конца экрана. А как это сделать правильнее всего хз

[0nline]

Первый мой вариант. Режете как я показал. Меню делаете резиновым, а картинки по бокам вставляете. Таким образом будет меняться только меню в зависимости от ширины монитора, а сами ленточки всегда будут фикс. ширины и прилеплены к резиновому меню. Волны над меню можно сделать рипитом, если немного подкорректировать узор воды. Вот и все.

[Imperil]

Первый мой вариант. Режете как я показал. Меню делаете резиновым, а картинки по бокам вставляете. Таким образом будет меняться только меню в зависимости от ширины монитора, а сами ленточки всегда будут фикс. ширины и прилеплены к резиновому меню. Волны над меню можно сделать рипитом, если немного подкорректировать узор воды. Вот и все.

Буду пробовать. Спасибо за потраченное время!