Skip to main content

Desfer-se dels espais en taules HTML

Anonim

Si esteu utilitzant taules per al disseny de pàgina (un no-no en XHTML, és probable que experimenti l'afegit antiestètic d'espai addicional en els vostres dissenys. Per corregir aquest problema, heu de comprovar tant la seva definició de taula HTML com la informació específica de qualsevol full d'estil 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 "taula" del vostre document HTML:

  1. La taula té l'atribut cellpadding establert a 0?
    1. cellpadding = "0"

  2. La vostra taula té l'atribut cellpacing set a 0?
    1. cellspacing = "0"

  3. 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 a la taula " ,' ' th "or ' td " propietats i ajustar segons sigui necessari:

  • frontera: Especifica els atributs d'una taula o un límit de cel·la
  • frontera-col.lapse: Tracta les vores contigües com una, per evitar duplicar els amples de la vora
  • farcit: Ofereix espai en blanc, en píxels, al voltant de cada cel·la
  • alinear text: Determina l'alineació del text dins de la cel·la
  • 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 modern i sensible 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.