CSS-DIV vs HTML-Tabele
14 października 2004, o 10:46
15 października 2004, o 09:39
Tabele używaj gdy chcesz coś wyświetlić w tabeli 
Głupie, ale prawdziwe. Tabele kuszą łatwością pozycjonowania elementów, ale w pewnym momencie przekraczasz punkt krytyczny, w którym kolejny rowspan/colspan zaczyna być uciążliwy i lepiej jest władować w komórkę kolejną tabelę. I jeszcze jedną. I kolejną
Tabele generują dużo nadmiarowego kodu, który musi być z każdą kolejną podstroną ściągnięty do przeglądarki. Layout oparty o warstwy może być czasami nawet cięższy od tabelowego, ale ma kilka poważnych zalet:
- nie zaciemnia struktury dokumentu - widzisz tylko to co niezbędne: struktura + dane,
- wygląd można łatwo zmienić bez potrzeby przebudowywania całej witryny - wystarczy zmiana CSS
- style z zewnętrznych arkuszy stylów są cachowane przez przeglądarki, a więc nawet jeśli zajmują więcej KB niż ekwiwalent tabelkowy to ściągane są jedynie raz!
Ważne jest aby warstw używać z głową. Nie walić wszędzie DIVów i SPANów. W pożądnych przeglądarkach każdy znacznik jest warstwą. Zamiast wrzucać znacznik do DIVa, można nadać mu w CSS właściwość "display:block" etc. Przyklady można mnożyć.
Głupie, ale prawdziwe. Tabele kuszą łatwością pozycjonowania elementów, ale w pewnym momencie przekraczasz punkt krytyczny, w którym kolejny rowspan/colspan zaczyna być uciążliwy i lepiej jest władować w komórkę kolejną tabelę. I jeszcze jedną. I kolejną
Tabele generują dużo nadmiarowego kodu, który musi być z każdą kolejną podstroną ściągnięty do przeglądarki. Layout oparty o warstwy może być czasami nawet cięższy od tabelowego, ale ma kilka poważnych zalet:
- nie zaciemnia struktury dokumentu - widzisz tylko to co niezbędne: struktura + dane,
- wygląd można łatwo zmienić bez potrzeby przebudowywania całej witryny - wystarczy zmiana CSS
- style z zewnętrznych arkuszy stylów są cachowane przez przeglądarki, a więc nawet jeśli zajmują więcej KB niż ekwiwalent tabelkowy to ściągane są jedynie raz!
Ważne jest aby warstw używać z głową. Nie walić wszędzie DIVów i SPANów. W pożądnych przeglądarkach każdy znacznik jest warstwą. Zamiast wrzucać znacznik do DIVa, można nadać mu w CSS właściwość "display:block" etc. Przyklady można mnożyć.
15 października 2004, o 14:08
15 października 2004, o 22:01
Musiałbyś wykonać testy. Podejrzewam, że nie ma specjalnej różnicy w prędkości renderowania tabeli i warstw. Tak jak napisałem w nowoczesnych przeglądarkach każdy znacznik jest warstwą (domyślnie z position: static). Ale... struktura dokumentu napisana na warstwach jest w zdecydowanej większości lżejsza od layoutu "tabelowego", więc przeglądarka szybciej dostaje gotowy dokument, a potem może na bieżąco aplikować do niego style doczytywane z zewnętrznego arkusza. No i tak jak pisałem wcześniej, arkusz może być cache'owany, a to już zdecydowanie przyspiesza wyświetlenie strony.
17 października 2004, o 11:24
Nie zakładam nowego wątku, napisze to w tym.
Czy ktoś wie jak spowolnić swoje łącze internetowe? To nie żart. Mam dość szybką Neostradę 512. "Problem" w tym, że wszystkie strony wczytują się szybko, (pewnie nie jeden chciał by mieć takie problemy
) Chce sprawdzić jak moja strona będzie wczytywana przez modem, taki najsłabszy, badziewie do kwadratu. A może istnieją strony które symulują wolne łącza, albo coś podobnego?
Dobra, żeby nie było, że tylko marudzę. Macie tu kilka linków, do testowania.
http://www.delorie.com/web/lynxview.html - Lynx Viewer, symuluje tekstową przeglądarkę Lynx.
http://colorfilter.wickline.org/ - symulacja jak widzi daltonista. Wyświetlanie monochromatyczne itp
http://www.vischeck.com/vischeck/ - więcej o daltonizmie. Można wczytać dowolna grafikę i zobaczyć, jak widzi ją daltonista.
http://www.htmlhelp.com/tools/validator/ - validator WDG, sprawdza poprawność kodu HTML.
http://feedvalidator.org/ - validator FEED
W sumie, można by było na waszym FAQ, zamieścić spis linków wraz z krótkim opisem, do miejsc w których można testować stronę. Nie tylko Validatorów (jest ich sporo w sieci) ale wszystkich, które potrafią coś zasymulować.
Czy ktoś wie jak spowolnić swoje łącze internetowe? To nie żart. Mam dość szybką Neostradę 512. "Problem" w tym, że wszystkie strony wczytują się szybko, (pewnie nie jeden chciał by mieć takie problemy
) Chce sprawdzić jak moja strona będzie wczytywana przez modem, taki najsłabszy, badziewie do kwadratu. A może istnieją strony które symulują wolne łącza, albo coś podobnego?
Dobra, żeby nie było, że tylko marudzę. Macie tu kilka linków, do testowania.
http://www.delorie.com/web/lynxview.html - Lynx Viewer, symuluje tekstową przeglądarkę Lynx.
http://colorfilter.wickline.org/ - symulacja jak widzi daltonista. Wyświetlanie monochromatyczne itp
http://www.vischeck.com/vischeck/ - więcej o daltonizmie. Można wczytać dowolna grafikę i zobaczyć, jak widzi ją daltonista.
http://www.htmlhelp.com/tools/validator/ - validator WDG, sprawdza poprawność kodu HTML.
http://feedvalidator.org/ - validator FEED
W sumie, można by było na waszym FAQ, zamieścić spis linków wraz z krótkim opisem, do miejsc w których można testować stronę. Nie tylko Validatorów (jest ich sporo w sieci) ale wszystkich, które potrafią coś zasymulować.
17 października 2004, o 23:03
THX za adresy dodałem
19 października 2004, o 20:43
19 października 2004, o 20:53
19 października 2004, o 23:28
Oszukane Tak na prawdę i tak tworzona jest tabela tylko za pomocą CSS, aha no i w IE, który nie obsługuje grupy display: table-* użyte paskudne wstawki expression Ale fakt - działa...
Tak na prawdę i tak tworzona jest tabela tylko za pomocą CSS, aha no i w IE, który nie obsługuje grupy display: table-* użyte paskudne wstawki expression Ale fakt - działa...
6 listopada 2004, o 13:36
6 listopada 2004, o 18:26
7 listopada 2004, o 23:57