Cosa non va in questo CSS?

**pireda** · 01-12-2003, 10:51

body {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

.main_table {
margin: 0px;
padding: 0px;
border: 0px solid #000000;
width: 770px;
background-color: #99B9E9;
}

Ho questo foglio di stile per la mia pagina HTML, ma non riesco ad ottenere il risultato sperato, che sarebbe l'equivalente di:

Per quanto riguarda il body e di:

Per quanto riguarda una tabella.

Il fatto è che i margini nel body non vengono azzarati e permane un padding (o uno spacing, difficile da capire) tra le celle della tabella. Ho per caso dimenticato qualcosa nella sintassi scritta o è impossibile ottenere i risultati da me sperati con i soli CSS?

**cristiano_longo** · 01-12-2003, 13:12

Per quanto riguarda il body, lo ho provato e funziona. Per quanto riguarda la tabella, devi innanzitutto "collassare" i bordi delle celle, aggiungendo a TABLE l'attributo

border-collapse : collapse;

**Francis87** · 01-12-2003, 13:43

x la tabella anke

codice:

border-spacing: 0;

**pireda** · 01-12-2003, 13:49

ho aggiunto border-collapse: collapse; e border-spacing: 0px; alla classe main_table, il problema si è ridotto ma permane comunque, le celle non sono ancora appiccicate tra loro come nel caso con cellspacing="0" e cellpadding="0", infatti tra una e l'altra c'è uno spazio di circa 2-3 px in cui vedo il colore di sfondo della tabella.

**cristiano_longo** · 01-12-2003, 13:57

Devi settare a zero il margin dei td.

**pireda** · 01-12-2003, 15:36

Oh! Perfetto! Era proprio qui che volevo arrivare...
Ricapitolando mi stai dicendo che per eliminare lo spacing ed il padding dalle celle di una tabella bisogna per forza di cose ricorrere agli attributi dei tag HTML perché è impossibile farlo con i soli CSS. Se questo è vero allora come faremo a creare pagine in standard XHTML che aboliscono l'uso degli attributi cellpadding e celspacing???

**cristiano_longo** · 01-12-2003, 16:27

No, devi settare nel tuo foglio di stile

codice:

TD{
  margin : 0;
}

Per maggiori chiarimenti
http://www.w3.org/TR/CSS21/tables.html

**pireda** · 01-12-2003, 16:44

Scusa non avevo capito che ti riferivi a quello. Comunque ho fatto come dici tu ma il problema non è migliorato, domani penso che riuscirò a mettere in linea qualcosa, così se avrete tempo potrete vedere coi vostri occhi cosa succede.
Per il momento grazie mille del tempo che mi avete dedicato!

Discussione: Cosa non va in questo CSS?

Strumenti discussione

Ricerca discussione

Visualizza

Cosa non va in questo CSS?

Permessi di invio