Come modificare le tabelle con i fogli di style o css
ALLWEB free
Directory Web Script Linguaggi
Italiano Inglese Tutte
 
 24 Mar 2017
aggiungi in preferiti  
Home    Mappa directory    Script




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;
13

Esempio empty-cells:show;
13

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:
123
Esempio COLLAPSE:
123
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.