+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: obrazek tło (/thread-obrazek-tlo)
obrazek tło - fafor - 24-11-2010
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
RE: obrazek tło - nst - 24-11-2010
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.
RE: obrazek tło - Kartofelek - 24-11-2010
gdzie:
<td class:nazwa klasy>
=
<td class="nazwa_klasy">
i
<style type="text/css">
nazwa klasy {
=
<style type="text/css">
.nazwa_klasy {
RE: obrazek tło - nst - 24-11-2010
otóż to
roztargnienie ;p w DW samo się robi i człowiek później głupieje ;]
RE: obrazek tło - fafor - 25-11-2010
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
RE: obrazek tło - Kartofelek - 25-11-2010
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>
RE: obrazek tło - rel - 26-11-2010
(25-11-2010, 15:51)Kartofelek napisał(a): 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>