background w tabeli

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
HanSolo
Posty: 14
Rejestracja: pt lut 22, 2008 8:34 pm

background w tabeli

Post autor: HanSolo »

Witam,

mam pytanko o background w tabeli,
u sumie go zadać na pare sposobów jeżeli chodzi o konkrena celke,
np:
1)
<td height="223" valign="top" background="images/sla_35.gif"></td>

2)
<td height="223"valign="top" style="background-image:url(images/between.gif); background-position:right; background-position:top; background-repeat: repeat-x"

3)
<td height="223" valign="top" class="jakisgif"
gdzie clasa jest np: pliku css

jeszcze mozna:
4)
<td height="223" valign="top"><div class="jakisgif></div></td>
ale to mi nie dziala,

pytanie jakiej metody uzyc?:
1- to chyba prosta (ale jak chyba nie ma opcji no-repeat, albo tylko x)
2-to styl ale duza pisania i powtarzania
3-clasa sumie to css
4-div ale u mnie dziala z div background wsadzony w tabelce

co najlepiej uzyc, moze inny jescze jest pomysl?

wiem, teraz robi sie wszystko na divach ale nie umiem,
także szybiej mi idzie na tab.,

pozdrawiam

:-D 8O :lol:
Allen
Nowy
Nowy
Posty: 118
Rejestracja: ndz lut 15, 2004 5:05 pm
Kontakt:

Re: background w tabeli

Post autor: Allen »

Idealne rozwiązanie oddzielenia formy od treści może zostać rozwiązane tak:

HTML:

Kod: Zaznacz cały

<td></td>
CSS:

Kod: Zaznacz cały

td {
	background-image: url(img/bgimg.png) ;
	background-repeat: repeat-x;
	background-position: top right ;
	height: 223px;
	vertical-align: top;
}

Jeżeli tworzysz wiele tabel i chcesz aby tylko w jednej z nich został zastosowany odpowiedni styl CSS to możesz odwołać się tak:

HTML:

Kod: Zaznacz cały

<td class="bgimg"></td>
CSS:

Kod: Zaznacz cały

td { }
.bgimg {
	background-image: url(img/bgimg.png) ;
	background-repeat: repeat-x;
	background-position: top right ;
	height: 223px;
	vertical-align: top;
}

Wskazówka: Nie próbuj na siłę wszędzie posługiwać się znacznikiem DIV, jeżeli coś lepiej obsłuży zadanie (jest do tego zaprojektowane), które chcesz wykonać skorzystać z tego rozwiązania. Umiejętnie wykorzustuj to co daje Ci HTML i CSS.
ODPOWIEDZ