Foros del Web » Creando para Internet » HTML »

Crear más de dos tablas en HTML

Estas en el tema de Crear más de dos tablas en HTML en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/09/2009, 16:33
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 14 años, 6 meses
Puntos: 0
Crear más de dos tablas en HTML

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.
  #2 (permalink)  
Antiguo 19/09/2009, 16:57
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 14 años, 10 meses
Puntos: 45
Respuesta: Crear más de dos tablas en HTML

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
  #3 (permalink)  
Antiguo 20/09/2009, 04:22
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Crear más de dos tablas en HTML

Hola:

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

Saludos.

  #4 (permalink)  
Antiguo 20/09/2009, 10:24
 
Fecha de Ingreso: septiembre-2009
Mensajes: 13
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Crear más de dos tablas en HTML

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-
  #5 (permalink)  
Antiguo 20/09/2009, 11:56
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Crear más de dos tablas en HTML

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.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:47.