Oslobađanje od prostora u HTML tablicama

Ako koristite tablice za izgled stranice (ne-ne u XHTML-u), vjerojatno ćete doživjeti neugledan dodatak dodatnog prostora u svojim izgledima. Da biste riješili ovaj problem, morate provjeriti definiciju HTML tablice i detalje bilo kojeg upravljačkog lista stilova.

Definicija HTML tablice

HTML označiti za tablice prema zadanim postavkama ne kontrolira neke zahtjeve za razmakom. Provjerite tri stvari o stol oznaka u vašem HTML dokumentu:

Ima li u vašoj tablici atribut cellpadding postavljen na 0?
1. ```
cellpadding = "0"
```
Ima li u vašoj tablici atribut cellpacing postavljen na 0?
1. ```
cellpacing = "0"
```
Postoje li razmaci prije ili poslije vašeg sadržaja i oznaka tablice?

Broj 3 je udarac. Puno HTML urednici vole da se kod razmakne, kako bi se olakšalo čitanje. Ali mnogi preglednici tumače te kartice, razmake i povratka prijenosa kao željeni dodatni prostor unutar vaših tablica. Riješite se razmaka oko vaših oznaka i imat ćete oštrije tablice.

Tablice stilova

Međutim, možda nije isključen HTML. Kaskadni listovi stilova

instagram viewer

kontrolirate neke atribute prikaza tablica i ovisno o stranici, možda ste možda i ne morate namjerno dodati CSS specifičan za tablicu.

Skenirajte upravnu CSS datoteku za bilo koju od sljedećih vrijednosti unutar datoteke stol, th, ili tdsvojstva i po potrebi prilagoditi:

granica: Određuje atribute obruba tablice ili ćelije
granični kolaps: Tretira susjedne granice kao jednu, kako bi se izbjeglo dupliciranje širine granica
podmetanje: Nudi prazan prostor u pikselima oko svake ćelije
poravnanje teksta: Određuje poravnanje teksta unutar ćelije
razmak između granica: Postavlja razmak između ćelija, u pikselima

Alternative

Iako još uvijek možete koristiti HTML tablice (standard je dobro uspostavljen i danas je univerzalno podržan preglednicima), najmoderniji responzivni web dizajn koristi kaskadne listove stilova za postavljanje elemenata na stranicu. Tablice i dalje imaju smisla za svoju izvornu namjenu prikazivanja tabličnih podataka, ali za organizaciju izgleda i sadržaja stranice puno je bolje da umjesto toga koristite CSS izgled.