Tabella e td e css

[ertos]

Ciao ragazzi ho un problema con un css di 2 tabella.

Ho una pagina in cui ho una tabella a cui associo questo foglio di stile:

table
{
padding:0;
background-color:#91A642;
border:1px solid #3B431A;
vertical-align:top;
border-collapse:collapse;
margin: 0 auto;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

td
{
margin: 1 auto;
padding:1;
border:1px solid #3B431A;
}

e tutto va bene..

Ora ho un altra pagina in cui la tabella deve avere un altro stile, e soprattutto deve avere il bordo=0 ,mi sono creato un nuovo stile, eccolo:

#table_news
{
padding:0;
background-color:#91A642;
border:0px;
vertical-align:top;
border-collapse:collapse;
margin: 0 auto;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

Ma mi da un problema. la seconda tabella viene visualizzata sempre con il bordo, cosi anche i vari <td> come mai?
Credo che il problema sta nel fatto che la seconda tabella legge lo stile <td> che ha come bordo 1, come posso risolvere tale problema?

spero di essere stato chiaro

Ciao ciao

[custanz]

prova a impostare nella seconda tabella il border:none;

[ertos]

Ciao grazieo per avere risposto, ma non funziona, il bordo si vede sempre... secondo me è un problema del td, cioe se il bordo del td è impostato a zero allora non si vede, ma cio è un problema,perche nella prima tabella il bordo deve essere visibile...

[ertos]

Ciao ragazzi per cercare di farvi capire il mio problema ho creato questo esempio ;

Allora come potete vedere vi è una tabella grande con uno sfondo giallo e colore bordo nero, e al proprio interno vi è un'altra tabella con sfondo rosso, ma questa tabella deve avere il colore del bordo bianco.

Ecco qui il codice css che ho scritto:

pagina style.css
-----------------------------------
table
{
padding:0;
background-color:#ffff00;
border:1px solid #000000;
vertical-align:top;
border-collapse:collapse;
margin: 0 auto;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

td
{
margin: 1 auto;
padding:1;
border:1px solid #000000;
/*border:1px solid #FFFFFF;*/
}

#table_centro
{
padding:0;
background-color:#ff0000;
border:1px solid #ffffff;
vertical-align:top;
border-collapse:collapse;
margin: 0 auto;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
-------------------------------------------------------------


ecco qui la pagina html
-------------------------------------------------------------

<table width="800" height="600">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="3">All'interno di questo td inserisco una tabella

<table width="500" height="300" id="table_centro">
<tr>
<td>prova</td>
<td>prova</td>
</tr>
<tr>
<td>prova</td>
<td>prova</td>
</tr>
</table>

</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

--------------------------------------------------------------------

[custanz]

e una cosa del genere...

#table_centro td
{
border:1px solid #FFFFFF;
} 

[Sky]

Devi eliminare anche il cellspacing, con queste due proprietà:

border-collapse: collapse;
border: none;


Edit: avevo sbagliato la sintassi, chiedo scusa. Credo che devi anche eliminare il bordo alle singole celle, con la regola che suggerisce Custanz oppure con #table_centro td { border: none }