Foros del Web » Creando para Internet » HTML »

Tablas juntas

Estas en el tema de Tablas juntas en el foro de HTML en Foros del Web. Hola desearia saber si es posible hace qu dos tablas queden juntas, es decir una al lado de la otra, es que al intenterlo en ...
  #1 (permalink)  
Antiguo 15/07/2010, 10:19
Avatar de Kristhoff  
Fecha de Ingreso: abril-2009
Ubicación: Popayán - Cauca
Mensajes: 550
Antigüedad: 8 años, 7 meses
Puntos: 12
Tablas juntas

Hola

desearia saber si es posible hace qu dos tablas queden juntas, es decir una al lado de la otra, es que al intenterlo en dreamweaver la siguiente tabla queda debajo de la anterior.

O seria posible hacerlo de otra forma???
  #2 (permalink)  
Antiguo 15/07/2010, 10:47
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Tablas juntas

pues muy facil creas una tabla de 2x1 (2columnas y una fila) y pones una tabla dentro de cada celda y listo una al lado de la otra ;)

__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 15/07/2010, 10:49
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Tablas juntas

Kristhoff:
Si, se puede, aqui tienes una forma


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>Dos tablas alineadas</title>
<style type="text/css">
<!--
div#tabla_uno{
width:300px;
position:relative;
float: left;
height: auto;
margin-right: 10px;
}
div#tabla_dos{
width:300px;
position:relative;
float: left;
height: auto;
}
-->
</style>
</head>
<body>
<div id="tabla_uno">
<table width="300" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <th scope="col">z</th>
    <th scope="col">z</th>
    <th scope="col">z</th>
  </tr>
  <tr>
    <td><div align="center">z</div></td>
    <td><div align="center">z</div></td>
    <td><div align="center">z</div></td>
  </tr>
</table>
</div>
<div id="tabla_dos">
<table width="300" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <th scope="col">z</th>
    <th scope="col">z</th>
    <th scope="col">z</th>
  </tr>
  <tr>
    <td><div align="center">z</div></td>
    <td><div align="center">z</div></td>
    <td><div align="center">z</div></td>
  </tr>
</table>
</div>
</body>
</html>


Saludos
  #4 (permalink)  
Antiguo 16/07/2010, 15:34
Avatar de Kristhoff  
Fecha de Ingreso: abril-2009
Ubicación: Popayán - Cauca
Mensajes: 550
Antigüedad: 8 años, 7 meses
Puntos: 12
Respuesta: Tablas juntas

Muchas gracias. Solucionado.
  #5 (permalink)  
Antiguo 16/07/2010, 15:53
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Tablas juntas

Bueno para que entienda un poquito no?
se han alineado ya que ambos usan position relative y estan estan flotados a la izquierda, es por eso que quedan juntas.

espero y no solo hayas copy and paste, yo soy de esas personas que aprenden mucho con ejemplos, y es bueno analizar y experimentar los ejemplos para ver como se ha logrado el resultado =D

saludos!!

Etiquetas: tablas
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:54.