Si esteu utilitzant taules per al disseny de pàgina, un no-no en XHTML , per cert, és probable que experimenteu l'afegit antiestètic d'espai addicional en els vostres dissenys. Per solucionar aquest problema, heu de comprovar tant la vostra definició de la taula HTML com els detalls de qualsevol full d'estils de govern.
Definició de la taula HTML
L'etiqueta HTML de les taules per defecte no controla alguns requisits d'espaiat. Verifiqueu tres coses sobre l'etiqueta de la taula dins del vostre document HTML:
- La taula té l'atribut cellpadding establert a 0?
- cellpadding = "0"
- La vostra taula té l'atribut cellpacing set a 0?
- cellspacing = "0"
- Hi ha algun espai abans o després del vostre contingut i les etiquetes de la taula?
El número 3 és el kicker. Molts editors HTML volen que el codi estigui separat, perquè sigui fàcil de llegir. Però molts navegadors interpreten aquestes pestanyes, espais i retorns de carro com a espai extra desitjat dins de les taules. Desfeu-vos de l'espai en blanc que envolta les etiquetes i tindreu taules més nítides.
Fulls d'estil
Tot i això, pot ser que no estigui disponible el codi HTML. Els fulls d'estil en cascada controlen alguns atributs de visualització de les taules i, depenent de la pàgina, potser o no han inclòs deliberadament CSS específics de la taula en primer lloc.
Escaneja el fitxer CSS governant per a qualsevol dels valors següents dins de la taula, les propietats t o td i ajusteu segons sigui necessari:
- La vora especifica els atributs d'una taula o un límit de cel·la
- El col · lapse a la vora tracta les fronteres adjacents com una, per evitar la duplicació dels amples de la vora
- El farciment ofereix espai en blanc, en píxels, al voltant de cada cel·la
- align-align del text determina l'alineació del text dins de la cel·la
- l'espaiat fronterer estableix l'espaiat entre cel·les, en píxels
Alternatives
Tot i que encara podeu utilitzar taules HTML, l'estàndard està ben establert i és compatible amb els navegadors actuals, el disseny web més receptiu i modern utilitza fulls d'estil en cascada per col·locar elements en una pàgina. Les taules encara tenen sentit per al propòsit original de visualitzar dades tabulars, però per organitzar el disseny i el contingut d'una pàgina, us interessarem molt millor el disseny CSS.