Cita:
Iniciado por leo_nqn 
Funciono???
Hola leo, se me siguen mezclando.... siguen cogiéndose atributos una a la otra. Te pongo los códigos:
Aquí está el código de las dos tablas
Código HTML:
table {
width: 80%;
height:auto;
font-family:verdana;
font-size: 11px;
}
table, tr, th, td {
padding-top: 5px;
padding-bottom:5px;
border-collapse: collapse;
}
tbody tr td {
color:white;
text-align:left;
}
tbody tr td:hover{
color: #D0F5A9;
}
.tipo1{
color:white;
Font-weight:bold;
}
/*A continuación se establecen los vaores de la tabla de productos*/
.tabla1{
}
table.tabla1 {
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
border-collapse:collapse;
background:#e8eef7;
color:#000;
}
#itsthetable > table {width:99%;}
#itsthetable {
height:500px;
overflow:auto;
background:#c6dbff;
font-size:11px;
text-align:left;
}
caption {
height:102px;
font-size:11px;
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:11px;
background:none;
}
tfoot th, tfoot td {
height:105px;
font-weight:bold;
height:2.0em;
}
tfoot th{
height:102px;
}
tfoot td {height:102px;
}
Aquí el html:
Código HTML:
<div id="itsthetable">
<table class="tabla1"><caption></caption>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<th></th>
<td></td>
</table>
</div>
</div>
<div id="contenidobotones">
<table class="centrar">
<tbody>
<tr>
<td></td>
<td></td>
</tr></tr>
</table>