[CSS][HTML]Menu jako DIV o podanym obramowaniu Opcje

[_chris_]

Witam ponownie
Jako że już uzyskałem dzisiaj idealną odpowiedź na moje jedno z pytań, proszę was o poradę. Mam w szablonie php-fusion (tabelka) zrobione panele w taki sposob:
(IMG:http://chrisu.home.pl/menu.png)

Przerabiam szablon na joomle. Chciałbym aby menu widoczne po prawej i po lewej wlasnie tak wygladaly. Wiadomo ze moga miec różne długości i rozmiary. Posiadam obrazki każdego rogu i każdego boku czyli w sumie 8. Tu jest oryginał strony: http://chris.vot.pl Nie proszę koniecznie o rozwiązanie, ale chociaż o wskazanie właściwej drogi (IMG:style_emoticons/default/smile.gif)

Z góry dzięki!

Ten post edytował _chris_ 19.01.2012, 21:11:35

[_chris_]

No ale jak zrobisz zmienną szerokość jeśli nagłówek będzie miał stały obraz?

rozwiązałem sprawę, może niezbyt profesjonalnie, ale działa i jest ok:)

najpierw wsadzam diva:

.border-menu{
background: url(../images/side.png) repeat-x left top, url(../images/sideb.png) bottom left repeat-x, url(../images/border-left.png) left top repeat-y, url(../images/border-right.png) right top repeat-y;
background-color: #EEEEEE;
height: 100%;
}

Obrazki w tym divie to sa powtarzalne krawędzie. Po tym divie wstawiam:
.menu-side{
background: url(../images/side-left.png) left top no-repeat, url(../images/side-right.png) right top no-repeat, url(../images/sideb-left.png) left bottom no-repeat, url(../images/sideb-right.png) right bottom no-repeat;
min-height:100px;
width: 100%;
height: 100%;
}

Tutaj obrazkami sa rogi. Działa, ładnie wygląda:) Tak samo rozwiązałem problem z artykułami. W tej chwili prawie już cała strona wygląda jak na oryginale http://chris.vot.pl

rozwiązałem sprawę, może niezbyt profesjonalnie, ale działa i jest ok:)

najpierw wsadzam diva:

.border-menu{
background: url(../images/side.png) repeat-x left top, url(../images/sideb.png) bottom left repeat-x, url(../images/border-left.png) left top repeat-y, url(../images/border-right.png) right top repeat-y;
background-color: #EEEEEE;
height: 100%;
}

Obrazki w tym divie to sa powtarzalne krawędzie. Po tym divie wstawiam:
.menu-side{
background: url(../images/side-left.png) left top no-repeat, url(../images/side-right.png) right top no-repeat, url(../images/sideb-left.png) left bottom no-repeat, url(../images/sideb-right.png) right bottom no-repeat;
min-height:100px;
width: 100%;
height: 100%;
}

Tutaj obrazkami sa rogi. Działa, ładnie wygląda:) Tak samo rozwiązałem problem z artykułami. W tej chwili prawie już cała strona wygląda jak na oryginale http://chris.vot.pl