Crear más de dos tablas en HTML

Omikron · #1 (**permalink**) 19/09/2009, 16:33

Hola, espero que puedan responderme esta pregunta ya que quisiera saber como realizar tres tablas, una pegada al lado de la otra, ya que el código HTML que pusieron en esta página me sirvio pero únicamente para hacer dos tablas y con tres ya se me complico (es decir que yo necesitaria una tabla que este justificada a la izquierda, otra en el centro y otra table en la derecha). Espero que me puedan responder. Muchas gracias.

deirdre · #2 (**permalink**) 19/09/2009, 16:57

Hola Omikron

Puede ser que algo así te solucione el asunto:

Código HTML:

<!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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tres tablas</title>
<style>
#contenedor {
	width: 100%
}
.tabla1 {
	border-collapse: collapse;
	float: left;
	border: 1px solid #484848;
}
.tabla2 {
	border-collapse: collapse;
	float: left;
	border: 1px solid #484848;
}
.tabla3 {
	border-collapse: collapse;
	float: right;
	border: 1px solid #484848;
}

</style>
</head>

<body>
<div id="contenedor">
<table style="width: 33.3%" class="tabla1">
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>

<table style="width: 33.3%" class="tabla2">
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>

<table style="width: 33.3%" class="tabla3">
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>

</div>
</body>

</html>

Por otro lado comentarte que si es para establecer una estructura de maquetación no has podido elegir peor camino.

La maquetación con css es mucho más divertida, bonita y adecuada para crear sitios modernos... etc, etc (lo que decimos constantemente: no a las tablas, excepto para mostrar datos estructurados, nunca para crear estructuras de sitios).

Tú mismo.

Bye

jomaruro · #3 (**permalink**) 20/09/2009, 04:22

Hola:

Te digo lo mismo que a Causita en este otro tema.

Saludos.

Omikron · #4 (**permalink**) 20/09/2009, 10:24

Que me recomendas que no use tablas o ahí alguna manera de remplazarlas por otra etiqueta. Te lo pregunto ya que me estoy iniciando en este tema y me gustaria algun consejo así me voy orientando. Saludos-

jomaruro · #5 (**permalink**) 20/09/2009, 11:56

Hola:

Las tablas solo deben usarse para tabular datos, por ejemplo, para mostrar información sacada de una base de datos. Si lo que quieres es maquetar tu página debes usar CSS.

Ya que te estás iniciando aprovecho para recomendarte un buen manual de Introducción a CSS.

Saludos.