Картинка для меню

[Tairon]

Здраствуйте, у меня появились трудности с добавлением дизайна для существующего меню. Есть меню которое выводится динамически с помощью php-скрипта. Также есть рамка для этого меню. Использовать рамку как бекграунд, не желательно потому как меню состоит их блоков ссылок и у всех блоков разные параметры высоты и ширины, прид?тся для каждой картинки делать отдельный фон (а если в меню будут добавляться разделы? %)) т.е. морока полная. Самый логичный для меня вариант, это построение рамки динамически (разбив рамку на верх, низ и боковую рамку дублирующуюся в зависимости от размера дива, в котором расположено меню ). Но это получается тогда новый див с картинками и как его наложить на имеющееся меню? z-index? Буду очень признателен если кто-нибудь поможет по данному вопросу. С уважением Павел

[klierik]

ой.. много текста и не совсем понятно...

выложите рисунок или ссылочку на задачу.. то не очень понятно что ж именно вы хотите?

[Tairon]

сайт www.1cmb.lv, картинка http://www.1cmb.lv/upload/misc/1.png

вопрос: как мне поставить картинку, если блоков ссылок несколько (Категрии, Партн?ры и т.д.) желательно что б это делалось динамически, так как если через background для каждого раздела прид?тся делать отдельно и изменять каждый раз, если добавляется новый раздел.

[Azadi]

В принципе, ничего сложного. Можно по-разному рещить вашу проблему, но в любом случае придется резать рамку на 3 части + вам надо будет продумать, как рамка будет себя вести при увеличении количества пунктов в меню. Вырезаете шапку и подвал рамки, оставляете середину. Эту середину можно засунуть в обрамляющий DIV (или любой другой доступный элемент, исходя из кода) с background-position:center; и повторять по горизонтали. Но так будет не совсем красиво, мне кажется. Можно середину не репитить, а добавить картинку рамки высотой 1px, вырезанную из более-менее ровной части боковой рамки. Вот как-то так я бы сделал...

[Tairon]

Рамку я уже порезал как раз так как вы и сказали. Меня больше интересует как рамку наложить на меню.

[Azadi]

Под меню. Фоном кладете сначала повторяющиеся по горизонтали фрагменты. Потом навешиваете шапку, подвал и середку.

[Tairon]

Так фоновую картинку можно же применить только одну

[Azadi]

дайте кусок HTML-кода с меню. В крайнем случае можно добавить новый блок. Я бы сделал так: основному блоку выставил бы повторяющийся фон. Через :before и :after навесил бы к нему верхнюю и нижнюю рамку. И уже к внутреннему элементу добавил бы центр рамки. Вот ссылка на статью, как этим способом пользоваться. Кстати, отличный метод. С его помощью у меня получилось реализовать полупрозрачные скругленные углы с использованием 2-х div'ов.

[Tairon]

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