webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> kursy online >> kurs css >> Lekcja 3

Określanie właściwości tabeli

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-10-15

szukaj: tabele tabele table table obramowanie obramowanie border border jednostki jednostki kurs css kurs css

Jak już mogłaś/eś spostrzec na poprzednich lekcjach do opisywania tabeli nadal używałem html-a. Dlaczego? Dlatego, że rzadko zdarza się, by na stronie trafiły się 2 takie same tabele. Poza tym opisywanie tamtych właściwości nie jest krótsze w CSS niż w HTML. Po trzecie, z przyzwyczajenia. Procent udziału CSS w opisie wyglądzu strony będzie różny dla różnych witryn. Na tej lekcji nauczysz się jak opisywać tabele, bo mimo wszystko czasem będziesz tego używał, nawet na tym kursie.

Zmiany w pliku 'style.css':

* otwórz plik 'style.css' który tworzyłeP na poprzednich lekcjach */

BODY {
background-color: #CBD1D3;
text-align: center;
scrollbar-3dlight-color:silver;
scrollbar-arrow-color:black;
scrollbar-base-color:white;
scrollbar-dark-shadow-color:black;
scrollbar-face-color:white;
scrollbar-highlight-color:silver;
scrollbar-shadow-color:silver; }
/* to wszystko powinno już tam być */

td { // 1
vertical-align: top;} // 2

td.menu {
border-left:1px solid white; // 3
width:160; // 4
background-color: #AFB4C0;} // 5

td.txt {
border-left:1px solid white; // 3
border-top:1px solid white; // 3
border-bottom:1px solid white;} // 3

td.gorne {
padding: 25px 0 25px 0; // 6
border-top: 1px solid white; // 3
border-right:1px solid black; // 3
border-left:1px solid white; // 3
background-color: #AFB4C0;} // 3

Opis:

Jednostki (wartości przykładowe):

Typy obramowań:

Masz już w tej chwili gotowe style dla prawie wszystkich tabel. Teraz czas dodać kilka słów do pliku 'index.htm'.

Aby wszystko działało jak trzeba to musisz:

Tekst zabarwiony należy dopisać. Tekst czarny powinien już tam być.

Na razie nic nie wpisuj do ostatniej tabeli. Zapisz wszystko i obejrzyj efekt. Jeśli nic nie będzie widoczne, to powpisuj do poszczególnych komórek jakiekolwiek napisy, np. 'Hello world!'. Lub nazywam się Bond:-) cs

Patryk 'yarpo' Jar

Zagadnienia poruszane w tej części kursu:

 

tworzenie stron www Kraków valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org