Ako koristite tablice za izgled stranice (ne-ne u XHTML-u, vjerojatno ćete osjetiti neugledan dodatni dodatni prostor u vašem rasporedu. Da biste riješili taj problem, trebate provjeriti i definiciju HTML tablice i specifičnosti bilo kojih upravljački stilski list.
Definicija HTML tablice
HTML oznaka za tablice prema zadanim postavkama ne kontrolira neke zahtjeve za razmak. Potvrdite tri stvari o oznakama "stol" 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" ,' ' ili " ' td” svojstva i po potrebi prilagodite:
- granica: Određuje atribute tablice ili stanične granice
- granica-kolaps: Tretira susjedne granice kao jednu, kako bi se izbjeglo dupliciranje graničnih širina
- punjenje: Nudi prazan prostor, u pikselima, oko svake ćelije
- text-align: Određuje poravnavanje teksta unutar ćelije
- granica-razmak: Postavlja razmak između stanica, u pikselima
Alternative
Iako još uvijek možete upotrebljavati HTML tablice (standard je dobro uspostavljen i univerzalno podržan u današnjim preglednicima) najsuvremenija web dizajn osjetljiv na dodir upotrebljava 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.
