Caratteristiche tabelle (2°parte):

Alcuni parametri o caratteristiche delle tabelle possono essere modificate tramite i css al fine di migliorare l'impaginazione e l'impatto visivo.
Gli attributi che stiamo per elencare sono attributi che stanno alla base delle formazione grafica dei box.
Logicamente nessun attributo legato all'effetto ottico è ritenuto fondamentale agli occhi di un motore di ricerca, tuttavia è essenziale catturare l'attenzione di un navigatore per cercare di ottenere un (seppur minimo) ritorno di visite.
Analiziamo in pratica come poter 'impaginare' una tabella.

table-layout

table-layout:  ;

Tramite questo attributo si impedisce al browser di agire autonomamente sulla larghezza della tabella a favore delle impostazioni definite dal webmaster.
Table-layout può avere due valori:

• fixed Obbliga i browser a seguire le istruzioni del webmaster rispettando le larghezze delle celle in rapporto a quella della tabella.
• auto Il browser calcola autonomamente le larghezze.

empty-cells

empty-cells:  ;

Un interessante attributo che consente di vedere o meno una cella se al suo interno NON CONTIENE ALCUN VALORE.
empty-cells può avere due valori:

• hide Nasconde le celle vuote.
• show Mostra le celle vuote.

Esempio empty-cells:hide;

1

3

Esempio empty-cells:show;

1

3

NON SUPPORTATO DA IE7, SI DA FIREFOX.

border-collapse

border-collapse:  ;

Questo attributo regola la grafica del bordo tabella con due valori:

• collapse Bordo unico per le celle.
• separate Bordo separato per le celle.

Esempio SEPARATE:

1

2

3

Esempio COLLAPSE:

1

2

3

N.B. all'interno di <table> dovete inserire l'attributo border-collapse: ; (eventualmente anche border: ;) mentre è obligatorio definire i bordi per ogni tag <td> (è consigliato l'uso delle classi esterne) per ottenere un'effetto ottico collapse.

Come inserire gli style o css per modificare una tabella

Responsabilità
Link amici

W3C validator

W3C validator CSS