css mit background-repeat

[jacko]

Hi

Einfache Frage: Wie schaff ich es mit css, eine Textbox wie diese hier verlinkte zu gestalten?




Der Hintergrund der Textbox besteht aus drei Stücken: Oben was rundes, unten was rundes und in der Mitte ein Teil der sich wiederholt. Der Text soll über alldem liegen, wobei sich der mittlere Hintergrundteil am besten an die Textmenge anpassen sollte. IST sowas überhaupt ohne js möglich?
Falls einer eine Idee hat: Bitte her damit, ich sitze jetzt schon seit Stunden dran...

Die Transparenz ist ein gaaanz anderes Thema, auf das ich vermutlich werde verzichten müssen:-(

Gruß jacko

 

[Körnerbrötchen]

Zerlege die Grafik in 4 Teile. Einmal der grüne Hintergrund, einmal die Box oben, die Box mitte (dieser Teil muss nur eine geringe Höhe haben) und einmal die Box unten. Und dann folgender Code.

<div style="background-image:url(gruner_hintergrund.png);">
 <div style="background-image:url(oben-weisse-box.png); height:X px; width:X px;"></div>
 <div style="background-image:url(mitte-weisse-box.png);">
  <a href="">erster Link</a><br />
  <a href="">zweiter Link</a><br />
  Und noch ganz viel mehr Inhalt!
 </div>
 <div style="background-image:url(unten-weisse-box.png); height:X px; width:X px;"></div>
</div>