Cómo hacer que dos o más tablas salgan una al lado de la otra en la horizontal

un_tio · #1 (**permalink**) 24/05/2005, 21:13

Es decir, que cuando uso <table>, y creo dos tablas seguidas, no me salga una debajo de la otra, sino a su derecha.

Y no creo que la solución consista en meter las dos tablas dentro de otra tabla.

(o quizá sí).

Saludos

jesusbet · #2 (**permalink**) 24/05/2005, 22:40

jeje... sería haciendo dos columnas con XHTML y CSS:

doc.html:

<div id="col1"><table>blablabla</table></div>

<div id="col2"><table>blablabla</table></div>

y en la hoja e estilos.css:

#col1 {
float: left;
width: el_ancho;
}

#col2 {
float: right;
width: el_ancho;
}

y así, moviendole a la CSS seguro lo mejoras..

saludos

raffskizze · #3 (**permalink**) 25/05/2005, 18:36

si quieres lo que podrias hacer es una tabla con dos celdas td, en la misma fila tr, y dentro de cada celda, pones una tabla, asi tendras lo que bien dices, una tabla que contiene dos celdas en una misma fila, la cual cada celda tiene una tabla...y solo con condigo html seria asi:

<table width="145" border="0">
<tr>
<td>

<table width="145" border="0">
<tr>
<td> </td>
</tr>
</table>

</td>
<td>

<table width="145" border="0">
<tr>
<td> </td>
</tr>
</table>

</td>
</tr>
</table>

jesusbet · #4 (**permalink**) 25/05/2005, 20:21

eso no validaría xhtml, seguramente tardará más en cargar y seguramente al querer modificar el archivo en algunos meses te vas a hacer un lío.

saludos

AlaDelta · #5 (**permalink**) 05/06/2008, 10:35

Tengo una duda con respecto a cualquiera de las dos soluciones... Como puedo hacer para que esto mismo me quede centrado??? porq dependiendo de la resolucion y del monitor me queda todo alineado hacia al izquierda... si me saben decir me salvan! graciassssss

Estefi

00siete · #6 (**permalink**) 05/06/2008, 12:16

Cita:

Iniciado por jesusbet

eso no validaría xhtml,

Falso, lo acabo de validar con HTML validator -> This Page Is Valid XHTML 1.0 Transitional!

Código:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
<head>
  <title>hola</title>
</head>
<body>
<table width="145" border="0">
<tr>
<td>

<table width="145" border="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>

</td>
<td>

<table width="145" border="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>

</td>
</tr>
</table>
</body>
</html>

Cita:

Iniciado por jesusbet

seguramente tardará más en cargar

Si, tienes razón. Quizá tarde un par de centésimas de segundo más.

Cita:

Iniciado por jesusbet

y seguramente al querer modificar el archivo en algunos meses te vas a hacer un lío.

Eso depende de lo cuidadoso que sea, pero si pone las tablas identadas no tiene por qué equivocarse.