Fare internet – il blog di webtocom.com

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su FriendFeed Seguici su Twitter      Iscrivita ai nostri Feed      Mandaci una mail

Gestire il cellspacing e dell cellpadding è possibile anche mediante l’utilizzo dei fogli di stile, prima di vedere come è possibile farlo facciamo un breve riassunto di cosa si intende per cellpadding e cellspacing:
Il cellpadding è lo spazio esperesso in pixel che separa il bordo della cella dal suo contenuto.
Il cellapacing è lo spazio espresso in pixel che separa una cella dalle celle adiacenti.

Nella pratica di scrittura del codice l’unica differenza alla rispetto alla definizione che eravamo abituati a dare nell’HTML è che con i css il cellspacing è una caratteristica della tabella, mentre il cellpadding è della cella. Quindi avremo bisgono di definire 2 regole, o 3 se vogliamo gesture anche i th.

Detto ciò andiamo a vedere il codice necesario:

table {
  border-spacing:0;
  border-collapse:collapse;
}
/*cellspacing assegnato ad una tabella*/
td,th{
  padding:0;
}
/*cellspacing si per td che per th*/

Qui abbiamo gestito cellpadding e cellspacing uguali a zero, nulla ci vieta di assegnare dei valori numerici (espressi secondo la sintassi dei css), ad esempio:

table {
  border-spacing:9px;
  border-collapse:collapse;
}
 
Tag: , ,  

I posti più popolari