[CSS] tabella

[ale500]

salve a tutti,

vado subito al sodo...

senza usare i CSS io faccio nel seguente modo:

<table border=0 cellspacing=0 cellpadding=0>

ma visto che mi è giunta voce che il tutto va un po in conflitto con i CSS come posso fare a tradurre il tutto con i CSS????

ho provato con:

table {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

ma l'effetto non è lo stesso...perchè???

poi vorrei fare in modo che la tabella mi si vedesse come nell'immagine in fondo allegata invece anche se imposto il bordo della tabella in questo modo:

table { border:1px solid #000000; }

mi si vede soltanto il bordo sui quattro lati esterni ed inoltre mi si vede più grande di 1 px..perchè???

grazie dell'aiuto..

[piero06]

ciao allora :
1. in che senso l'effetto nn è lo stesso ?

2. cosa vuol dire

poi vorrei fare in modo che la tabella mi si vedesse come nell'immagine in fondo allegata invece anche se imposto il bordo della tabella in questo modo:


code:--------------------------------------------------------------------------------
table { border:1px solid #000000; }
--------------------------------------------------------------------------------

[ale500]

1. nel senso che se tu provi a fare una tabella con l'interno colorato (almeno vedi la differenza) e provi a mettere gli attributi alla tabella cellpadding=0 cellspacing=0 viene in un modo, con i CSS viene in un altro...

2.se imposto nei css border:1px solid #000000 mi si riempono soltanto i bordi esterni della tabella e di uno spessore maggiore di 1 px, i bordi tra una cella e l'altra non mi si colorano????

hai capito ora, grazie.

[piero06]

Originariamente inviato da ale500
1. nel senso che se tu provi a fare una tabella con l'interno colorato (almeno vedi la differenza) e provi a mettere gli attributi alla tabella cellpadding=0 cellspacing=0 viene in un modo, con i CSS viene in un altro...

2.se imposto nei css border:1px solid #000000 mi si riempono soltanto i bordi esterni della tabella e di uno spessore maggiore di 1 px, i bordi tra una cella e l'altra non mi si colorano????

hai capito ora, grazie.

OK, HO CAPITO !

Allora :
1. Anche a me viene diverso ma non saperei dirti il perchè.. ma usa normalmente cellpadding="0" cellspacing="0" fai meglio

2. Il bordo che separa le celle non viene colorato ma puoi fare :

style="border: 1 solid #00FF00" bordercolor="#00FFF00"

e te li colora entrambi

[ale500]

ora proverò ma l'uso combinato di attributi ai tag e css non può causare incompatibilità e malfunzionamenti???

[donlegro]

per ottenere l'effetto nell'immagine devi dividere il colore del bordo: invece di bordercolor devi scrivere bordercolorlight e bordercolordark

Puoi usare questo stratagemma per creare effetti scavati o in rilievo.

[ale500]

in questo modo sono riuscito a fare il bordo intorno alla tabella dello spessore di 1px:

table.menu1 {
 border-width:1px;
 border-style:solid;
 border-color:#000000;
 width:100%;
}

ma non so per quale arcano motivo ma mi colora solatnto i bodi esterni....(sopra, sotto, destra e sinistra) ma come faccio a far colorare i bordi tra una cella e l'altra?????

grazie ma più credi che capisci qualcosa con i CSS e più sembra che ti rityrovi con nuovi problemi...

[piero06]

così :

style="border: 1 solid #00FF00" bordercolor="#00FFF00"

[Mutato]

Originariamente inviato da donlegro
bordercolorlight e bordercolordark

Sono proprieta' CSS? non trovo riferimenti da nessuna parte... mi indichi la strada?

[Dennis]

Originariamente inviato da Mutato
Sono proprieta' CSS? non trovo riferimenti da nessuna parte... mi indichi la strada?

non css, ma HTML...


<table bordercolordark="black">