Banish Funky Spaces Zure HTML tauletan

Orrialdeen diseinurako taulak erabiltzen ari bazara , ez dago XHTML-an , bide batez, zure diseinuetan espazio gehigarria gehiegizkoa izatea espero duzu. Arazo hori konpontzeko HTML taula definizioa eta gobernu estilo orriaren xehetasunak egiaztatu behar dituzu.

HTML taula definizioa

Taulen HTML etiketa lehenespenez ez du espazio-esparru batzuen kontrolik. Egiaztatu hiru taularen etiketa zure HTML dokumentuan.

  1. Zure mahaiak 0 balio duen cellpadding atributua du?
    1. cellpadding = "0"
  2. Taula zure gelaxka-atributuarekin 0 da?
    1. cellspacing = "0"
  3. Zure edukia eta mahaiaren etiketak aurretik edo ondoren al dago?

3. zenbakia kicker da. HTML editore askok nahi izan dute kode guztia itxi, erraz irakurtzeko. Nabigatzaile askok tabuladoreak, espazioak eta orga itzulerak interpretatzen dituzte nahi dituzun lekuetan. Zure etiketak inguratzen dituen zuriuneak ezabatu eta taulak freskoak edukiko dituzu.

Estilo orriak

Hala ere, baliteke HTMLa ez izatea. Cascading estilo-orriek taulen atributuak eta orrialdearen arabera kontrolatzen dituzte, agian CSS-eko mahai gaineko CSS nahita gehitu behar duzu.

CSS fitxategiaren arautegia aztertu taula, th edo td propietateen ondorengo balioetariko bat eta behar bezala egokitu:

Alternatibak

HTML taulak ere erabili arren, estandarra ongi dagoena eta gaur egungo arakatzaileetan onartzen da. Web diseinu sentikorrenak diseinatu eta kentzen ditu estilo-orriak, orrialde batean elementuak kokatzeko. Mahaiak zentzuzkoak dira oraindik ere datu tabularrak erakusteko helburu originala, baina orrialde baten diseinua eta edukia antolatzeko, hobe duzu CSS diseinua erabiliz.