CSS cellpadding cellspacing inherit

[giordano81]

Salve a tutti volevo alcune info su alcune cose dei css

se io metto
table, td {border: 0px; cellspacing: 0px; cellpadding: 0px; margin: 0px; padding: 0px;}

cellspacing e cellpadding me li dovrebbe prendere? A me sembra che non li prenda, volevo sapere se sbaglio qualcosa

Inoltre volevo sapere se la proprietà inherit può essere applicata a tutti gli attributi o vale solo per alcuni

Grazie infinite

[Webmast]

Ciao giordano81,

nei CSS per i selettori table e td non esistono i valori cellpadding e cellspacing.

Dovresti usare questi valori (se non sbaglio):

padding-left: 0 px (o in %); (per il lato sinistro)
padding-top: 0 px (o in %); (per il lato superiore)
padding-right: 0 px (o in %); (per il lato destro)
padding-bottom: 0 px (o in %); (per il lato inferiore)
padding: 0 px (o in %); (per tutti e 4 i lati)

Credo di essere stato chiaro.

Ciao

Webmast

[pela]

per quanto riguarda inherit vale per tutti

[giordano81]

ok per il padding,ma per il cellspacing come faccio?
ho bisogno che sia a 0, altrimenti le celle sono distanziate...come faccio lo devo impostare a mano su ogni tabella singola?spero di no, voi come fate?

Vi faccio un esempio, se ho un'immagine e la divido in 4 parti e la voglio mettere in una tabella 2x2 senza cellspacing=0 l'immagine viene divisa...fatemi sapere

[Webmast]

Ciao girdano81,

ti scrivo di seguito deil links del sito html.it che ti potranno essere d'aiuto:

PADDING:

http://www.html.it/css/guida_css_23.htm

Una tabella (senza CSS) ,per esempio, potrebbe essere:

<table cellpadding=0 cellspacing=0>
<tr>
<td align=right valign=bottom>[img]immagine1.jpg[/img]</td>
<td align=left valign=bottom>[img]immagine2.jpg[/img]</td>
</tr>
<tr>
<td align=right valign=top>[img]immagine3.jpg[/img]</td>
<td align=left valign=top>[img]immagine4.jpg[/img]</td>
</tr>
</table>

Devo pensarci su per la tabella con i CSS

A dopo

Ciao

Webmast

[giordano81]

In alcuni siti stranieri ho trovato questo per sostituire il cellspacing:

border-collapse:collapse;

e sembra funzionare

poi nominano anche
border-spacing: 0
ma funziona anche senza, voi sapete dirmi la differenza tra i due?
Grazie!

[antos]

border-collapse:collapse; e la propietà che permette di unificare i bordi ottenedo lo stesso effetto di cellspacing e cellpadding pari a zero
se invece vuoi i bordi separati
border-collapse:separate; puoi specificare la distanza fra i bordi con border-spacing:xxpx
quindi è inutile usare border-spacing quando la propietà border-collapse è impostata su collapse.
sei andato su siti stranier ma ti bastava andare su http://www.html.it/css/guida_css_29.htm

[giordano81]

Allora...nasce un problema...il border-collapse=0 pare fungere solo per il padding esterno.

Se io metto una tabella dentro un'altra (contenente e contenuta)e a entrambe azzero i border, i margin, i padding e i border-collapse nelle rispettive classi poi mi lascia vedere cmq 1px della tabella contenente(hanno due colori diversi).

Se io pero' aggiungo nella table contenente a mano cellpadding="0" allora mi fa vedere solo la tabella contenuta (ossia sono di grandezza perfettamente uguali.

Qaulcuno sa come posso ottenere esattemente questo risultato con i css?

Grazie

[giordano81]

come non detto...avevo solo sbagliato a mettere border:0 invece di border:0px nella classe