Ciao a tutti
ho una tabella, contenente codice asp, nella quale ho anninado altre 2 tabelle nelle quali faccio visualizzare risultati di partite.
Vorrei controllare meglio le larghezze delle celle di queste 2 tabelle ma non so se è possibile per via di struttura "irregolare"...x irregolare intendo che la prima riga è formata da un colspan 2 mentre le altre righe contengono 2 td.
Oltre ha non controllare bene gli width delle tabelle interne non riesco a controllare la larghezza delle celle che contengono "Incontri" e "Puntreggio".
Quali codice css potrebbe venirmi incontro?
Codice tabella:
<table id="calendarioB">
<thead>
</thead>
<tbody>
<tr>
<td>
<table>
<tr><th colspan="2">Giornata-Data</th></tr>
<tr><td>Incontri</td><td>Punteggio</td></tr>
</table>
</td>
<td>
<table>
<tr><th colspan="2">Giornata-Data</th></tr>
<tr><td>Incontri</td><td>Punteggio</td></tr>
</table>
</td>
</tr>
</tbody>
</table>
Codice CSS:
/*** TABELLA X CALENDARIO ELENCO B (Vers.2.0) ***/
.ora_calendarioB{font-weight:bold;font-size:11px;color:#123788;font-family:Verdana, Geneva, sans-serif; text-align:center;}
.giornata_calendarioB{font-weight:bold;font-size:11px;color:#F00;font-family:Verdana, Geneva, sans-serif; text-align:center;}
.data_calendarioB{font-weight:bold;font-size:11px;color:#123788;font-family:Verdana, Geneva, sans-serif; text-align:center;}
.nome_squadra{font-weight:bold;font-size:12px;color:#f00;font-family:Verdana, Geneva, sans-serif;}
#calendarioB {width:100%;/*X SPOSTARE LA TABELLA MODIFICARE LO STILE ".item2"
x allungare le linee es. CAPTION e TH agire sotto.*/
padding-top:5px}
#calendarioB caption{padding:2px;font-weight:bold;color: #FFF; font-size:14px; background:#083E60; font-family:Verdana, Geneva, sans-serif;}
#calendarioB th, #calendarioB td {/*border-collapse:collapse; ???*/text-align: left; font-weight:bold; font-size:95%; font-family:Verdana, Geneva, sans-serif; color:#000; padding:3px 0px 3px 3px}
#calendarioB td, #calendarioB th {border:1px solid #0F9 /*ripartire da qui !!!*/}
#calendarioB th {background: #CCC; color: #000033; font-size:12px; font-family:Verdana, Geneva, sans-serif}
/*a:link, a:visited{color: #a00;text-decoration: underline;}*/
#calendarioB a:link,#calendarioB a:visited{color:#000;text-decoration: none;}
/*a:hover, a:active, a:focus{color: #c00;text-decoration: none;}*/
#calendarioB a:hover,#calendarioB a:active, #calendarioB a:focus{color: #FFF;text-decoration: blink; }
#calendarioB tr:hover td {/* questo non funziona in IE *//*background: #009966;*/}
#calendarioB.odd td{background: #ddd;}
col.oddcalendarioB{background: #CCCCCC;}
col.col1calendarioB {background: #86B3D0;border:3px solid #F00}
col.col2calendarioB {background: #86B3D0;border:3px solid #FF0}
col.col3calendarioB {background: #86B3D0;/*width:3%;border:3px solid #F00*/}
col.col4calendarioB {background: #C4E3F7;/*width:1%;border:3px solid #F00*/}
col.col5calendarioB {background: #86B3D0;/*width:1%;border:3px solid #F00*/}
/*** FINE TABELLA X CALENDARIO ELENCO B ***/
Rispondi quotando
