celle e css

[Scellino02]

Ciao a tutti ho un problema... ho una tabella con varie celle e vorrei che si vedessero in nero tutti i bordi come nell'immagine che vi allego....

Fino ad ora ho evidenziato solo i bordi esterni di questa tabella con questo css.

.bordonero {
border-width: 1px 1px 1px 1px;
border-color: #000000;
border-style: solid
}

Mi dite come dovrei modificarlo per far venire la tabella come nell'immagine che vi allego???

Grazie e ciao

ecco l'immagine: http://www.fabio.iannaccone.name/tabella.htm

[Federix]

Prova a mettere questo stile alla tabella e non alle celle.

[Scellino02]

infatti questo stile è applicato a tutta la tabella e nn alla singola cella ma l'effetto che mi da è quello che dicevo prima.... mi fa il bordo nero di 1px solo ai bordi esterni metre io vorrei che il risultato sia quello dell'immagine che ho postato.

Come posso risolvere???

[herrel]

così:

.bordonero, tr, td { 
border-collapse:collapse;
border:1px solid black;
}

[Scellino02]

grazie herrel... funziona...
ma ti volevo chiedere una cosa... come mai mi applica questo stile a tutte le tabelle del documento???
io ho applicato quella classe ad una sola table però e come se lo avessi fatto su tutte le tabelle.

Come mai?

[herrel]

Originariamente inviato da Scellino02
grazie herrel... funziona...
ma ti volevo chiedere una cosa... come mai mi applica questo stile a tutte le tabelle del documento???
io ho applicato quella classe ad una sola table però e come se lo avessi fatto su tutte le tabelle.

Come mai?

posta il css

[herrel]

separa le classi nel css, prova così:

.bordonero {
border-collapse:collapse;
border:1px solid black;
}

.bordonero td {
border-collapse:collapse;
border:1px solid black;
}

[Scellino02]

questo è il codice della table che mi interessa:

<table width="398" height="72" align="center" cellpadding="0" cellspacing="0" class="bordonero">
                  <tr>
                    <td width="168" align="center" valign="middle"></td>
                    <td width="82" align="center" valign="middle"></td>
                    <td width="146" height="30" align="center" valign="middle"><font face="Arial, Helvetica, sans-serif">                      <font face="Arial, Helvetica, sans-serif">
                      </font> </font></td>
                    </tr>
                  <tr>
                    <td align="center" valign="middle"></td>
                    <td align="center" valign="middle"></td>
                    <td height="30" align="center" valign="middle"><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span></td>
                    </tr>
                  <tr>
                    <td align="center" valign="middle"></td>
                    <td align="center" valign="middle"></td>
                    <td height="30" align="center" valign="middle"><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span></td>
                  </tr>
                  <tr>
                    <td align="center" valign="middle"></td>
                    <td align="center" valign="middle"></td>
                    <td height="30" align="center" valign="middle" class="VociMenu"><font face="Arial, Helvetica, sans-serif">                      <font face="Arial, Helvetica, sans-serif">
                      </font> </font></td>
                  </tr>
                </table><table width="398" height="72" align="center" cellpadding="0" cellspacing="0" class="bordonero">
                  <tr>
                    <td width="168" align="center" valign="middle"></td>
                    <td width="82" align="center" valign="middle"></td>
                    <td width="146" height="30" align="center" valign="middle"><font face="Arial, Helvetica, sans-serif">                      <font face="Arial, Helvetica, sans-serif">
                      </font> </font></td>
                    </tr>
                  <tr>
                    <td align="center" valign="middle"></td>
                    <td align="center" valign="middle"></td>
                    <td height="30" align="center" valign="middle"><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span></td>
                    </tr>
                  <tr>
                    <td align="center" valign="middle"></td>
                    <td align="center" valign="middle"></td>
                    <td height="30" align="center" valign="middle"><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span><span class="VociMenu"><font face="Arial, Helvetica, sans-serif">
                    </font></span></td>
                  </tr>
                  <tr>
                    <td align="center" valign="middle"></td>
                    <td align="center" valign="middle"></td>
                    <td height="30" align="center" valign="middle" class="VociMenu"><font face="Arial, Helvetica, sans-serif">                      <font face="Arial, Helvetica, sans-serif">
                      </font> </font></td>
                  </tr>
                </table>

Questo e il css:

TABLE.tratteggio {
	border-width: 0px 0px 0px 0px;  
	border-color: #000000; 
	border-style: dashed
}

.bordonero, TR, TD { 
border-collapse:collapse;
border:1px solid black;
} 

.TracciaPercorso {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9a0202;
}
.Copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}
.Testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Testo12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	font-style: normal;
}

.Testo12:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: underline;
	font-style: normal;
}
input {
	margin:0px;
	padding:0px;
	border-color:#000000;
	border-width:1px;
	font-family:Arial,verdana, Helvetica;
	font-size:11px;
	background-color:#ffffff;
	color:#000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
textarea {
	border-color:#000000;
	border-width:1px;
	font-family:Arial,verdana, Helvetica;
	font-size:11px;
	background-color:#ffffff;
	color:#000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
select {
	margin:0px;
	padding:0px;
	border-color:#000000;
	border-width:1px;
	font-family:Arial,verdana, Helvetica;
	font-size:11px;
	background-color:#ffffff;
	color:#000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

Spero di poter risolvere in qualche modo...
speriamo bene

Ciao

[herrel]

up...

[Scellino02]

Ho provato così:

.bordonero {
border-collapse:collapse;
border:1px solid black;
}

.bordonero, td {
border-collapse:collapse;
border:1px solid black;
}

.bordonero, tr {
border-collapse:collapse;
border:1px solid black;
}

Sulla tabella di cui parlavamo il risultato è ottimo ma ho il solito problema...
...praticamente anche le altre tabelle a cui nn è associata nessuna classe hanno questo bordino nero che a me nn serve

Come posso risolvere??