[CSS] zaokrąglone rogi diva z 3 obrazków :/, jak... Opcje

[Lejto]

Chce osiągnąć takie coś:
http://img152.imageshack.us/img152/5869/14991241tl9.gif - jak co to powiększcie bo trochę małe
(nie sugerujcie się niebieskim tłem)
do tej pory maiłem to zrobione na tabelkach ;/, ale chce to zrobić w standardach z użyciem css i diva w skład tego nagłówka wchodzą 2 obrazki lewy i prawy i środkowy, szukałem w necie o tym znalazłem ale nie do końca to co chciałem otóż znalazłem poradniki jak zrobić boxy zaokrąglone http://art.webesteem.pl/16/wstd_rounded_co...s_example_2.php ale nie takie jak ja chce. Tu pokazane jest jak tylko wstawić obrazek na lewo i na prawo a nie ma już na środku na środku jest sam kolor potem znalazłem już na 3 obrazki tak jak ja chce ale tekst jest pod obrazkami a nie na samej górze. Sam próbowałem to zrobić miałem obrazek po lewej i prawej i było ok ale za to obrazek po środku a na nim tekst był nie wymiarowy ;/

[piotrooo89]

może to Ci pomoże: http://olaszewski.freehostia.com/?p=13

[Lejto]

ok dzięki ale to co podałeś wykorzystuje js, a ja chce to normalnie zrobić w css, czy może trochę niejasno się wyraziłem? bo już sam nie wiem
lewy róg, środek (normalny napis html) i lewy róg
coś takiego:

[HTML] pobierz, plaintext 
<div>
  <img style="float:left;" src="images/lewo.gif" alt="" />
  <span style="background:url(images/srodek.gif); height:20px;">Lorem ipsum dolor sit amet</span>
  <img src="images/prawo.gif" alt="" />
  </div>
[HTML] pobierz, plaintext 

tylko kod zły jakoś to dopracować trzeba czego użyć, bawiłem się trochę z tym wysokość, marginesy itp ale nic

zrobiłem! ale głupi jestem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
<style>
.le{background: url('images/lewo.gif');background-repeat: no-repeat;width: 15px;height: 23px;float: left;}
.sr{background: url('images/srodek.gif'); background-repeat:repeat; width:160px; height:23px; float:left;}
.sr{font-size:12px; font-weight:bold; vertical-align:bottom}
.pr{background: url('images/prawo.gif'); background-repeat: no-repeat; width:15px; height:23px; float: right;}
</style>
 
<div style="width:190px;">
<span class="le"></span>
<span class="sr"> &raquo; Menu </span>
<span class="pr">&nbsp;</span>
</div>
[HTML] pobierz, plaintext 

kod jest optymalny? muszę jeszcze dopracować górny margines "Menu" żeby nie było u góry tylko tak po środku tła

Ten post edytował Lejto 28.12.2008, 21:04:11