CSSBlog.it » tabelle http://cssblog.it Solo un altro blog targato WordPress Tue, 23 Dec 2008 14:00:40 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Tabelle 2.0 con i CSS http://cssblog.it/2008/12/12/tabelle-20-con-i-css/ http://cssblog.it/2008/12/12/tabelle-20-con-i-css/#comments Fri, 12 Dec 2008 14:00:33 +0000 Matteo Moro http://cssblog.it/2008/12/12/tabelle-20-con-i-css/ Quando ci si trova davanti a una tabella di grandi dimensioni, spesso la leggibilità dei dati è un problema. Grazie ai fogli di stile, è possibile intervenire sulle pseudo-classi “hover” e “first-child” e permettere all’utente di evidenziare la porzione di dati che sta leggendo, migliorando l’usabilità del tutto.

FONTE: cssjuice.com

]]> http://cssblog.it/2008/12/12/tabelle-20-con-i-css/feed/ 0 Velocizzare il rendering delle tabelle con la proprietà table-layout http://cssblog.it/2008/02/20/velocizzare-il-rendering-delle-tabelle-con-la-proprieta-table-layout/ http://cssblog.it/2008/02/20/velocizzare-il-rendering-delle-tabelle-con-la-proprieta-table-layout/#comments Wed, 20 Feb 2008 06:00:24 +0000 Matteo Moro http://cssblog.it/2008/02/20/velocizzare-il-rendering-delle-tabelle-con-la-proprieta-table-layout/ Normalmente, nel momento in cui si utilizza una tabella, il browser calcola la larghezza delle colonne solo dopo aver analizzato tutto il contenuto della tabella stessa: questo è il comportamento di default, a meno che non si specifichino esplicitamente le dimensioni di ogni colonna. Nel caso in cui le tabelle siano particolarmente grandi, il calcolo può comportare un grosso lavoro per il browser, rallentando vistosamente il caricamento della pagina.

Tabella
In queste situazioni, ci viene in aiuto la proprietà CSS table-layout, che permette di scegliere l’algoritmo con cui il browser calcolerà la larghezza delle colonne. Se anziché lasciarne il valore su auto, lo impostiamo su fixed, il browser calcolerà la larghezza delle colonne non dimensionate esplicitamente dividendo lo spazio rimanente per il numero delle colonne e adattando il contenuto di conseguenza, dove possibile. Questo velocizza di molto il caricamento delle pagine e rende, se ben utilizzato, più armonico l’aspetto delle nostre tabelle.

Per maggiori dettagli sul significato della proprietà table-layout e per una spiegazione del funzionamento, si possono leggere la sezione relativa nelle specifiche CSS2 e l’ottimo articolo a riguardo di Eric Wendelin: “Use the table-layout CSS property to speed up table rendering“.

Conosci qualche altra buona regola di utilizzo delle tabelle? Hai letto, o scritto, un tutorial in proposito? Segnalamelo nei commenti!

CREDITS:

]]> http://cssblog.it/2008/02/20/velocizzare-il-rendering-delle-tabelle-con-la-proprieta-table-layout/feed/ 4