No consigo dividir una celda vertical en varias horizontales, al hacer tablas independientes para intentar manipularla, las tablas no se crean una al lado de la otra, si no, una debajo de la otra. He intentado con alineaciones, pero da igual, debe de haber alguna variable que las fije.
Gracias
Hola Frakson
¿Cómo tienes organizado el html? Debes crear un div contenedor con un ancho fijo y flotado a la izquierda. Dentro de él crea dos divs que tengan de ancho la mitad del contenedor y, por supuesto, también flotados a la izquierda.
Dentro de cada uno de estos metes las tablas sin problema.
Si las tablas son muy anchas deberás tenerlo en cuenta para establecer anchos adecuados para los divs.
De todas formas, para futuras consultas, mejor que cuelgues aquí el código y le podemos echar un vistazo para ver qué falla.
Un saludo Frakson.
Te dejo un ejemplo:
<div id="contenedor">
<div id="tabla1">
<table border="1">
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
</div>
<div id="tabla2">
<table border="1">
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>
</div>
</div>
Y el CSS:
#contenedor {
float: left;
width: 804px;
}
#tabla1 {
float: left;
width: 400px;
}
#tabla1 table {
text-align: center;
}
#tabla1 table tr td {
width: 100px
}
#tabla2 {
float: left;
width: 400px;
}
#tabla2 table {
text-align: center;
}
#tabla2 table tr td {
width: 100px
}
Espero que te sirva esto! Un saludo
Y el CSS:
#contenedor {
float: left;
width: 804px;
}
#tabla1, #tabla2 {
float: left;
width: 400px;
}
#tabla1 table, #tabla2 table {
text-align: center;
}
#tabla1 table tr td, #tabla2 table tr td {
width: 100px
}
Espero que te sirva esto! Un saludo