[CSS] Tworzenie menu, mam 3 obrazki ktore maja posluzyc jako tlo menu niestety cos sie psuje Opcje

[extreme170]

Witam mam 3 obrazki i chce za ich pomoca stworzyc takie menu.

(IMG:http://img374.imageshack.us/img374/2184/menuss1.jpg)

Wycialem sobie lewy obrazek zaokraglenie srodek i prawy i teraz mam problem z ulozeniem tego w spójną całość.
Tekst chce nakladać sobie dowolny. Czy może lepiej wziąść całe te elementy i ukladać jakos w DIVie?? proszę o pomoc bo z opcjami repeat-x itd i tworzeniem class dla menu mam problem i nie dziala to tak jakbym chcial bo pojawiają sie jakies marginesy nieoczekiwane... pomiędzy divami.

Probowalem to zrobic tak niestety nie bardzo funkcjonuje:

div#menu {
clear: both;
display:block;
padding : 0 0 0 0;
margin: 0 auto 0 auto;
width: 800px;
background: yellow;
height: 41px;
padding: 0 0 0 0;
}

div#menu .lewa {
background: url("menu_left.jpg");
float:left;
height: 41px;
width: 10px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div#menu .link {
background: url("menu_repeat.jpg") repeat-x;
float:left;
width:100px;
height:41px;
margin: 0 0 0 0;
padding: 0 0 0 10px;
}

div#menu .prawa {
background: url("menu_right.jpg");
float:left;
height: 41px;
width: 10px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

HTML:

<div id="menu">
<div class="lewa"></div>
<div class="link"> Strona glowna </div>
<div class="prawa"></div>
</div>


a jak probowalem ostylowac listy tymi obrazkami to mimo ustawienia height: na wysokosc tych wycinkow moich zawsze zostawala wysokosc tekstu tylko.

umieszczam male obrazki jakby ktos dal rade zrobic div z id="menu" i ustawic to w jednej lini jak powyzej

(IMG:http://img374.imageshack.us/img374/3597/menuleftps5.jpg) -lewa czesc

(IMG:http://img374.imageshack.us/img374/5355/menurepeatjs0.jpg)  -srodek

(IMG:http://img374.imageshack.us/img374/4127/menurightfi7.jpg)  - prawa czesc

Ten post edytował extreme170 7.05.2008, 12:29:41

[extreme170]

Dzięki w sumie niezły pomysł. Ja probowalem nie na calym obrazku lecz na kawalkach to zlaczyć. Nie wyszlo mi. Za to mam inny ciekawy problem zwiazany z CSS.
Jakbyś miał jakis przyklad to byłbym wdzięczny. załóżmy masz ramke kwadratowa z zaokraglonymi brzegami wycinasz gorny pasek i dolny pasek i z boku prawego fragment i jak uzyc repeata zeby w takim ukladzie diva zmontowac ramke:

<div id="box">
<h3><span> naglowek </span></h3>
<p class="p1"><span>Tutaj jakis tekst ktory jest wewnatrz boxa</span></p>
</div>

taka jest struktura csszengarden.com ale probuje na ich sposob nasladowac i zrobic ramke ale im wychodzi a umnie az dziwne ze nie...

Z tamtym problemem poradzilem sobie wrzucajac img do diva i tworzac mape linkow i bylo po wszystkim w 20 min a z CSSem sie meczylem caly dzien i nie osiagnalem zamierzonego efektu.