Tablas juntas

Kristhoff · #1 (**permalink**) 15/07/2010, 09:19

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???

emiliodeg · #2 (**permalink**) 15/07/2010, 09:47

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 ;)

emprear · #3 (**permalink**) 15/07/2010, 09:49

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

Kristhoff · #4 (**permalink**) 16/07/2010, 14:34

Muchas gracias. Solucionado.

XxflezhaxX · #5 (**permalink**) 16/07/2010, 14:53

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