obrazek tło

[fafor]

Witam,
mam problem z nastepujaca rzecza ktorej nie moglem nigdzie znalezc bo nie wiedzialem nawet jak to nazwac.

Powiedzmy, ze mam tabele w ktorej jest jakis tam tekst a za tło sluzy taki obrazek
http://img88.imageshack.us/img88/1748/91025605.png
Tylko, ze:
gora (odzielona liniami) to gora tabeli, dol to dol a srodek sie powtarza zaelznie od tego jak duzo tekstu jest w tabeli czyli zaleznie od tego jaka duza jest tabela.
pozdrawiam i prosze o odpowiedz: )

Edit: wiem, ze do tego trzeba ten obrazek podzielic na 3 pliki tylko nie znam kodu by to potem tam wkleic.
prosil bym o dwie opcji odpowiedzi jedna z powtarzaniem sie srodkowej czesci a druga z rozciagnieciem srodkowej czesci

[nst]

Srodkowa tabelka z jakas tam klasa:

Kod:

<style type="text/css">
nazwa klasy {
background-image: katalog/plik.jpg;
    background-repeat: repeat-y;
}
</style>

i pozniej w <td> dajesz sobie <td class:nazwa klasy>

Mozesz tez w klasie ustalic szerokosc komorki, polozenie tekstu i wiele innych atrybutow.

[Kartofelek]

gdzie:

<td class:nazwa klasy>

=

<td class="nazwa_klasy">


i


<style type="text/css">
nazwa klasy {

=

<style type="text/css">
.nazwa_klasy {

[nst]

otóż to roztargnienie ;p w DW samo się robi i człowiek później głupieje ;]

[fafor]

czyli rozumiem, ze musze zrobic 3 wierszowa tabele gora srodek dol i kazdemu wierszowi nacac inny kawalek obrazka? tylko wtedy wychodzi na to ze pisac bedzie mozna tylko w srodkowej czesci

[Kartofelek]

Najlepiej zrobilbys to na divach. Przepis jest taki: Bierzesz 3 jajka, platki owsiane, a następnie wszystko mieszasz. Potem wlewasz to na patelnię. Jak usmażysz (najlepiej pod pokrywką), zjadasz tego omleta i zasiadasz do pisania (na glodno źle się pisze):

#blok {position:relative; min-height:100px; width:400px;}
#blok .gora {position:absolute; top:0; left:0; height:30px; background:url(...GORA.jpg) no-repeat; overflow:hidden}
#blok .content {margin:30px 0; padding:20px;}
#blok .dol {position:absolute; bottom:0; left:0; height:30px; background:url(...GORA.jpg) no-repeat; overflow:hidden}

<div class="blok">
<div class="top"></div>
<div class="content">
Lorem ipsum
</div>
<div class="dol"></div>
</div>

[rel]

Najlepiej zrobilbys to na divach. Przepis jest taki: Bierzesz 3 jajka, platki owsiane, a następnie wszystko mieszasz. Potem wlewasz to na patelnię. Jak usmażysz (najlepiej pod pokrywką), zjadasz tego omleta i zasiadasz do pisania (na glodno źle się pisze):

#blok {position:relative; min-height:100px; width:400px;}
#blok .gora {position:absolute; top:0; left:0; height:30px; background:url(...GORA.jpg) no-repeat; overflow:hidden}
#blok .content {margin:30px 0; padding:20px;}
#blok .dol {position:absolute; bottom:0; left:0; height:30px; background:url(...GORA.jpg) no-repeat; overflow:hidden}

<div class="blok">
<div class="top"></div>
<div class="content">
Lorem ipsum
</div>
<div class="dol"></div>
</div>

Ja bym zrobił to tak :-)
<div class="blok">
<div class="gora"></div>
<div class="content">
Lorem ipsum
</div>
<div class="dol"></div>
</div>