Mira hice esto: copie el css que me pasaste y lo deje para 1 tabla, en otra hoja hice este CSS lo empeze a editar y cambio la tabla 2 solo eso.. te paso el css2 que hice.. Adjuntalo a la hoja html y despues editalo a tu gusto.
Código:
.tabla1{
}
table.tabla1 {
font-size:25px;
font-family: Arial, Helvetica, sans-serif;
border-collapse:collapse;
background:#e8eef7;
color:#000;
}
#itsthetable > table {width:99%;}
#itsthetable {
height:500px;
overflow:auto;
background:#c6dbff;
text-align:right;
}
caption {
height:102px;
font-size:15px;
color:black;
}
th
tr th, tr td {border-bottom:1px solid #ccc; border-left:1px solid white}
tbody tr th {
width:auto;
height:90px;
}
tbody tr td {
height:1.7em;
text-align:left;
}
thead { background:#fff;}
tr th + td + td + td + td {
font-size:0.9em;
}
tr.odd th + td + td + td + td {
font-size:0.9em;
background:none;
}
tfoot th, tfoot td {
height:105px;
font-weight:bold;
height:2.0em;
}
tfoot th{
height:102px;
}
tfoot td {height:102px;
}
En Html quedo asi:
Código:
<table> <td>hola</td><td>hola1</td></table>
<table class="tabla1"><td>hola22</td><td>hola331</td></table>
la que dice solo table es la comun.. y la que dice class tabla1 es la nueva para que edites espero te sirva saludos!