Eliminarea spațiilor din tabelele HTML

click fraud protection

Dacă utilizați tabele pentru aspectul paginii (un nu-nu în XHTML), probabil că veți experimenta adăugarea inestetică de spațiu suplimentar în aspectele dvs. Pentru a remedia această problemă, trebuie să verificați atât definiția tabelului HTML, cât și specificul oricărei foi de stil de guvernare.

Definiție tabel HTML

HTML-ul etichetă pentru tabele implicit nu controlează anumite cerințe de spațiu. Verificați trei lucruri despre masa eticheta din documentul HTML:

  1. Are tabelul dvs. atributul cellpadding setat la 0?
    1. cellpadding = "0"
  2. Tabelul dvs. are atributul de spațiu celular setat la 0?
    1. cellspacing = "0"
  3. Există spații înainte sau după conținutul dvs. și etichetele tabelului?

Numărul 3 este kickerul. Mulți Editorii HTML îmi place să ai codul separat, pentru a ușura citirea. Dar multe browsere interpretează acele file, spații și returnări ale căruciorului ca spațiu suplimentar dorit în interiorul tabelelor. Scăpați de spațiul alb din jurul etichetelor dvs. și veți avea mese mai clare.

Foi de stil

instagram viewer

Cu toate acestea, este posibil să nu fie HTML-ul dezactivat. Foi de stil în cascadă controlați anumite atribute de afișare ale tabelelor și, în funcție de pagină, este posibil să fi adăugat sau nu intenționat CSS specific tabelelor.

Scanați fișierul CSS care guvernează pentru oricare dintre următoarele valori din masa, a, sau tdproprietăți și reglați după cum este necesar:

  • frontieră: Specifică atributele unui chenar de masă sau celulă
  • colaps-frontieră: Tratează chenarele adiacente ca una singură, pentru a evita duplicarea lățimilor chenarului
  • căptușeală: Oferă spațiu gol, în pixeli, în jurul fiecărei celule
  • aliniere text: Determină alinierea textului în interiorul celulei
  • spațiere la margine: Setează distanța dintre celule, în pixeli

Alternative

Deși puteți utiliza în continuare tabele HTML (standardul este bine stabilit și acceptat universal în zilele noastre browsere), cel mai modern design web receptiv folosește foi de stil în cascadă pentru a plasa elemente pe o pagină. Tabelele încă mai au sens pentru scopul inițial de afișare a datelor tabulare, dar pentru organizarea aspectului și a conținutului unei pagini, este mult mai bine să folosiți în schimb aspectul CSS.

instagram story viewer