Se stai usando le tabelle per il layout di pagina (un no-no in XHTML è probabile che subirai l'aggiunta sgradita di spazio extra nei tuoi layout. Per risolvere questo problema devi controllare sia la definizione della tabella HTML sia le specifiche di qualsiasi foglio di stile di governo.
Definizione della tabella HTML
Il tag HTML per le tabelle per impostazione predefinita non controlla per alcuni requisiti di spaziatura. Verifica tre cose sul tag "table" nel tuo documento HTML:
- La tua tabella ha l'attributo cellpadding impostato su 0?
-
cellpadding = "0"
-
- La tua tabella ha l'attributo cellspacing impostato su 0?
-
cellspacing = "0"
-
- Ci sono spazi prima o dopo il tuo contenuto e i tag della tabella?
Il numero 3 è il kicker. Molti editor HTML amano avere il codice tutto distanziato, per renderlo facile da leggere. Ma molti browser interpretano quelle schede, spazi e ritorni a capo come lo spazio extra desiderato all'interno delle tabelle. Sbarazzati degli spazi bianchi che circondano i tuoi tag e avrai tabelle più nitide.
Fogli di stile
Tuttavia, potrebbe non essere l'HTML disattivato. I fogli di stile CSS controllano alcuni attributi di visualizzazione delle tabelle e, in base alla pagina, è possibile che tu abbia aggiunto o meno dei CSS specifici della tabella.
Esegui la scansione del file CSS governante per uno qualsiasi dei seguenti valori all'interno della "tabella" ,' ' th "o ' TD" proprietà e regolare secondo le necessità:
- confine: Specifica gli attributi di un bordo di tabella o cella
- border-collapse: Tratta i bordi adiacenti come uno, per evitare la duplicazione delle larghezze dei bordi
- imbottitura: Offre spazio vuoto, in pixel, attorno a ogni cella
- text-align: Determina l'allineamento del testo all'interno della cella
- border-spacing: Imposta la spaziatura tra le celle, in pixel
alternative
Sebbene sia ancora possibile utilizzare tabelle HTML (lo standard è ben consolidato e supportato universalmente nei browser di oggi), la maggior parte delle moderne soluzioni di progettazione web reattive utilizza fogli di stile CSS per posizionare gli elementi in una pagina. Le tabelle hanno ancora senso per il loro scopo originale di visualizzare i dati tabulari, ma per organizzare il layout e il contenuto di una pagina, è molto meglio usare invece il layout CSS.