[CSS] zaokraglona belka Opcje

[sakul55]

witam, chcialbym zrobic nad menu zaokraglona belke. wyczytalem, ze w CSS3 tak sie da, ale nie obsluguja tego wszystkie przegladarki, a w CSS2 mozna to zrobic przez elementy graficzne, tylko jak to na siebie nakladac?

mam cos takiego:

[HTML] pobierz, plaintext 
<div id="menu"><div id="name">MIASTA</div>
- Krakow
- Warszawa </div>
[HTML] pobierz, plaintext 

i zalozmy pliki

lewy.png - zaookraglenie z lewej strony
srodek.png - maly podlozny kawalek, chociazby jak to na forum - http://forum.php.pl/style_images/upgrade_ip/tile_cat.gif
prawy.png - zaookraglenie z prawej strony

no i jak to teraz poprawnie ulozyc, zeby sie wyswietlalo, skoro dla jednego DIV mozna tylko jeden obrazek wrzucic?

[CuteOne]

[HTML] pobierz, plaintext 
<style>
#belka {
   width: 300px;
   height: 50px;
   background: url('background.gif') repeat-x; // 1px szerokości, 50px wysokości
}
#belka div {
   float: left;
}
.left {
   background: url('lewe_zaokraglenie.gif') no-repeat;
}
.middle {
   width: 250px;
}
.right {
   background: url('prawe_zaokraglenie.gif') no-repeat;
}
</style>
<div id="belka">
  <div class="left"></div>
  <div class="middle"> Menu </div>
  <div class="right"></div>
</div>
<div style="clear:both"></div>
[HTML] pobierz, plaintext 

Ten post edytował CuteOne 27.03.2011, 18:22:15