Ako koristite tablice za izgled stranice - ne-ne u XHTML -u, vjerojatno ćete doživjeti neugledan dodatni dodatni prostor u vašem rasporedu. Da biste riješili taj problem, trebate provjeriti i definiciju HTML tablice i pojedinosti bilo kojeg shema stila upravljanja.
Definicija HTML tablice
HTML oznaka za tablice prema zadanim postavkama ne kontrolira neke zahtjeve za razmak. Potvrdite tri stvari o tablici u HTML dokumentu:
- Ima li vaša tablica atribut cellpadding postavljen na 0?
- cellpadding = "0"
- Ima li tablica atribut cellspacing postavljen na 0?
- cellspacing = "0"
- Postoje li prostori prije ili nakon vašeg sadržaja i oznake tablice?
Broj 3 je kicker. Mnogi HTML uređivači vole da se kôd sve razmakne, kako bi se olakšalo čitanje. No, mnogi preglednici tumače te kartice, prostore i vraćanje kotača kao željeni dodatni prostor unutar vaših tablica. Riješite se razmaka koji okružuju vaše oznake i imat ćete jasnije tablice.
Stilske listove
Međutim, možda nije HTML koji je isključen. Kaskadni stilski listovi kontroliraju neke atribute zaslona tablica, a ovisno o stranici, vi svibanj ili možda nisu namjerno dodali CSS tablice na prvo mjesto.
Skenirajte upravljačku CSS datoteku za bilo koju od sljedećih vrijednosti unutar tablice, th ili td svojstava i prilagodite prema potrebi:
- granica određuje atribute tablice ili stanične granice
- granični slom tretira susjedne granice kao jedan, kako bi se izbjeglo dupliciranje graničnih širina
- padding nudi prazan prostor, u pikselima, oko svake ćelije
- tekstno poravnanje određuje poravnavanje teksta unutar ćelije
- granični razmak postavlja razmak između ćelija, u pikselima
Alternative
Iako još uvijek možete koristiti HTML tablice - standard je dobro uspostavljen i univerzalno podržan u današnjim preglednicima - najsuvremeniji odgovarajući web dizajn koristi kaskadni stilski listovi za postavljanje elemenata na stranicu. Tablice i dalje imaju smisla za svoju prvobitnu namjenu prikazivanja tabelarnih podataka, ali za organiziranje izgleda i sadržaja stranice, umjesto toga koristite CSS izgled.