CSS vs. Table

[Sulien]

znam za svakakve debilane, ali ovakvog fanatika zaista još nisam vidio

čovjek zagovara nešto a site mu se jedva drži skupa, k tome je još i stravično ružno :

ovdje već i vrijeđa:
http://www.decloak.com/Dev/CSSTables/CSS_Tables_10.aspx

Last edited by Sulien on 03.12.2005 22:35; edited 1 time in total

[Adrian]

Možda sam design freak, ali ne vjerujem ni 5 posto ekipi koja prosipa revolucionarne savjete o npr. svojim najnovijim idejama o semantičkom webu, i stvarima takve razine, a dizajn im je toliko loš da ne uspijem pratiti jedan red teksta članka horizontalno do desnog kraja.

Suck.

Eto, sad smo svi zaključili,

Code:

( tabular data==1 ) ? tables : css;

P.S. Tko mi bude komentirao sintaksu gorepriloženog koda, brutalno ću ga izvrijeđati!

edit:
suljo, reakcija 17 sekundi pod utjecajem 4 ispijene boce, (ako nije, bit će, jel? )
ja: reakcija 20 sekundi uz 4 neprospavane noći.

[retro_one]

sad ostaje samo jedno pitanje jos....sto je tabular data?

red wrote:

Tablice imaju svoju svrhu - tabular data. Ako imate neki vozni red il tak nekaj za ubaciti na sajt, jedino ispravno rješenje je TABLICA.

Vozni red bi mogla biti lista polazaka npr. vlaka sa glavnog kolodvora. Meni se cini da je tabular data najjednostavnije definirat kao one podatke kojima možemo puknuti sumu u zadnji row

[red]

retro_one wrote:

sad ostaje samo jedno pitanje jos....sto je tabular data? red wrote: Tablice imaju svoju svrhu - tabular data. Ako imate neki vozni red il tak nekaj za ubaciti na sajt, jedino ispravno rješenje je TABLICA. Vozni red bi mogla biti lista polazaka npr. vlaka sa glavnog kolodvora. Meni se cini da je tabular data najjednostavnije definirat kao one podatke kojima možemo puknuti sumu u zadnji row

Lista polazaka bi imala podatke kao što su: vlak, odlazak, odlazak, čekanje, vrsta i naziv, dolazak, etc. Kak ćeš to u listu strpat?

[unique]

retro_one wrote:

sad ostaje samo jedno pitanje jos....sto je tabular data? red wrote: Tablice imaju svoju svrhu - tabular data. Ako imate neki vozni red il tak nekaj za ubaciti na sajt, jedino ispravno rješenje je TABLICA. Vozni red bi mogla biti lista polazaka npr. vlaka sa glavnog kolodvora. Meni se cini da je tabular data najjednostavnije definirat kao one podatke kojima možemo puknuti sumu u zadnji row

ajme pa tablice su tablice, necemo sad komplicirat oko neceg tako jednostavnog...
puno* stupaca i redova = tablica
*eh

[Hrvoje33]

Ne samo tekst na stranici css vs tables, a pogotovo prva rečenica

Quote:

fully integrated CSS benefits are challenged on their practicality and real-life usefulness - fully integrated means replacing all <table> tags with<div> tags

već je i ostatak sitea prava katastrofa, a pravi rudnik bisera su linkovi na stranice THE TIDE IS TURNING na kojima likovi objašnjavaju zašto je CSS "neupotrebljiv".

[Sulien]

Tablica je dvodimenzionalan prikaz podataka koji jedino imaju značenje u kontekstu određenim pripadnim stupcem, odnosno retkom. U većini slučajeva tablice se koriste da bi se skupu objekata pridružile vrijednosti određenih svojstava.

Na primjer, ako želimo svakom vlaku koji vozi za Osijek pridružiti podatke kao što su vrijeme polaska, peron i naznaku da li je brzi ili putnički, koristit ćemo tablice. Čak i ako pridružujemo samo jedno svojstvo (tablica sa dva stupca) u nekim slučajevima je ispravnije opet koristiti tablice nego liste.

Za podatke koje je dovoljno prikazati u jednoj dimenziji koriste se liste (unordered, odnosno ordered ovisno o tome je li skup uređen) čime se hijerarhija može prikazati gniježđenjem (nesting). Hijerarhija unutar tablica se može izraziti nestanjem tablica, ali je u HTML-u ispravnije koristiti metode iz specifikacije opisane u ovom korisnom članku.

Last edited by Sulien on 04.12.2005 15:27; edited 1 time in total

[unique]

Sulien wrote:

Tablica je dvodimenzionalan prikaz podataka koji jedino imaju značenje u kontekstu određenim pripadnim stupcem, odnosno retkom. U većini slučajeva tablice se koriste da bi se skupu objekata pridružile vrijednosti određenih svojstava.

daaaaaj

[Sulien]

Lako je odrediti gdje koristiti tablice, a gdje liste (osim kod TOC - table of contents - gdje je listi naslova i podnaslova, odnosno sekcija, pridružen pripadni broj stranice).

Meni je osobno puno teže odrediti kad koristiti liste a kad ne

[shola]

OK, CSS je defintivno isplatljivije rješenje (milina od koda, brzo učitavanje stranice, korigiranje prikaza aka. screen/print), dok je tablica idealna za brzo rješenje, ali kao programer uvidio sam još nešto:

Ako se radi server-side skripta koja generira prikaz stranice, stranice napravljene u CSS-u će se daleko brže prikazati nego one u tablicama:
- kako većina živelji ipak i dalje koristi IE, kako bi se prikazala generirana tablica (npr. iz baze), IE čeka closing tag, u ovom slučaju </TABLE> i neće ništa ići na output dok se taj zahtjev ne ispuni. Zanimljivo da samo <TABLE> ima taj problem.
- korištenjem DIV-a stranica se daleko brže generira za ispis. U biti čisti privid, jer dolazak elemenata na ekran ima ulogu preloadera, pa korisnik nema sumlju da je veza pukla ili nešto slično.

[Sulien]

Što se tiče brzine ispisa, nema se tu što pametovati. Kad se XHTML stranice budu ispravno slale kao application/xhtml+xml nema renderiranja dok cijeli dokument ne dođe tako da browser može znati je li well-formed.

Primjer:
http://www.info-mob.com/clanak.php

Tako i tako je učitavanje samog HTML-a toliko brzo naspram slika i ostalog sadržaja da nema smisla optimizirati za prikaz pri učitavanju. Iskon HTML ima oko 100kB kojeg gzippanog šalje prema browseru samo kao 15kB. Sajtovi rađeni prema standardima i dobrom usability-u bi trebali biti lagani, a sa kompresijom bi se svodili na tako mizernu količinu kB da sa današnjim brzim vezama nitko ne bi vidio učitavanje.

[retro_one]

unique wrote:

ajme pa tablice su tablice, necemo sad komplicirat oko neceg tako jednostavnog... puno* stupaca i redova = tablica *eh

da ako gledamo cisto vizualno, a pošto ovdje pričamo o semantici...stvar nije tako jednostavna...da se vratim ponovo na primjer voznog reda...

Ja bi vozni red prikazao kao ordered listu, u kojoj svaki li u sebi ima definition listu sa multiple descriptionima.

Zašto?

Ordered listu bi stavio jer vlakovi/busevi/avajoni whatever kreću redoslijedom čiji se smjer sortiranja ne bude mjenjao nego je uvijek isti (od ujutro prema navečer), tako da vozni red pod rednim brojem npr. 23 uvijek označava isti podatak.

Definition listu bi koristio zato što svaki od polazaka ima iste podatke koji ga definiraju, a to su vrijeme polaska, odredište, vrijeme dolaska, tip, itd.

Još jedan razlog zašto bi koristio takav prikaz je taj što jedan nazovimo ga row u tablici voznog reda nije u nikakvoj korelaciji sa ostalim podacima, osim što su im neki podatci jednaki....i bez problema je moguće prikazati svaki od tih podataka zasebno, a da on ostane potpun.

Vizualni prikaz tog koda bi vjerojatno izgledao kao tablica, ali i dalje mislim da je ovo ispravniji (micro)format za prikaz voznog reda.

[Sulien]

retro_one wrote:

Ja bi vozni red prikazao kao ordered listu, u kojoj svaki li u sebi ima definition listu sa multiple descriptionima.

E sad si ga ...

Quote:

Vizualni prikaz tog koda bi vjerojatno izgledao kao tablica, ali i dalje mislim da je ovo ispravniji (micro)format za prikaz voznog reda.

Ja mislim da bi svaku tablicu mogao prikazati na taj svoj način, i što onda? Zar ćemo se prebaciti na to zato što je semantički ispravnije? Uopće nije, jer je upravo tablični prikaz trebao rješiti problem toga da bi npr. morao imati zaseban DT za svaki atom informacije, dok su u tablici ista svojstva grupirana po stupcu odnosno retku gdje su svi određeni jednim TH-om.

Jedan row u tablici ionako ima sam po sebi značenje ako uz njega ekstraktiraš i THEAD, bez header cellsa ništa jer ne znaš što je koja informacija, ali to nije problem kao što si ga ti prikazao.

Look here, ovo ti predlažeš.

Code:

DT(user) DD(sulien)     DT(posts) DD(10,000)    DT(ICQ#) DD(666) DT(user) DD(retro)      DT(posts) DD(9999)      DT(ICQ#) DD(123456) DT(user) DD(poseidon)   DT(posts) DD(3)         DT(ICQ#) DD(n/a)

Prije ili kasnije htjet ćeš se rješiti uzastopnog ponavljanja istog seta DT-ova na svakoj instanci:

Code:

user     posts   ICQ# ---------------------- sulien   10,000 666 retro    9999   123456 poseidon 3      n/a

...i shvatit ćeš da ovime ništa ne gubiš - jedan te isti set DT-ova si izrazio na vrhu a njihove DD-ove u uređenim sekvencama ispod i time dobio tablicu, razmisli koja je to ušteda za velike tablice

tablica (nevezano za HTML) je nastala upravo kao rješenje na uzastopno ponavljanje kakvo ima tvoja ideja, a što se tiče strojeva koji će je čitati (vidim da si zabrinutiji za semantiku nego za izgled na ekranu) vjeruj mi da zaista nije teško programirati skriptu koja će ekstraktirati informacije i iz nasloženije tablice...

[retro_one]

di si poseidona iskopao

hm...ne znam mozda i jesam zabrijao...ali tablice mi vise smisla imaju za "brojcane" podatke...za pracenje statistika i takvih sranja...

a sto se semantike tiče na kraju svi smo svjesni da je to teoretiziranje o teoriji

[keye]

retro baci oko na link
http://www.webaim.org/techniques/tables/2

i ne zaboravi na headers, id, caption, summary kad radis tablice. svrha im je bas vozni red i slicne stvari.

Code:

<table border="1"> <caption> Shelly's Daughters </caption> <tr> <td>&nbsp;</td> <th id="name">Name</th> <th id="age">Age</th> <th id="birthday">Birthday</th> </tr> <tr> <th rowspan="2" id="birth">by birth</th> <th id="jackie">Jackie</th> <td headers="birth jackie age">5</td> <td headers="birth jackie birthday">April 5</td> </tr> <tr> <th id="beth">Beth</th> <td headers="birth beth age">8</td> <td headers="birth beth birthday">January 14</td> </tr> <tr> <th id="step">by marriage</th> <th id="jenny">Jenny</th> <td headers ="step jenny age">12</td> <td headers="step jenny birthday">Feb 12</td> </tr> </table>

[keye]

ah sorry nisam skuzila , al ajde ovako sam potvrdila, kod je tu u postu i ne moze ga ne procitat