Foros del web, para los que viven de bits

Village · 27-dic-2006, 19:37

Quiero poner varias tablas sobre una celda horizontal larga, pero al poner la segunda tabla, ésta se va hacia arriba de la anterior y no me permite colocarla en forma horizontal, alguien puede indicarme porque sucece esto y no puedo poner las tablas horizontalmente?
Gracias!!
Village

kazafun · 28-dic-2006, 09:58

Esa estructura de tablas parece muy compleja. ¿Has valorado si esta justificado en tu web ese modelo de tablas?

Si fuera asi, puedes probar a ponerle a la tabla

display:inline;

...aunque no estoy seguro de si es correcto para una tabla... prueba :)

McBlink · 28-dic-2006, 10:42

Hola Village..

primero.. queria decir que no entiendo bien lo que puso KAZAFUN.. pero buenoi.. aca te dejo el codigo para que veas si te sirve.. le puse nombre a cada celda para que te ubiques y puedas agregar mas.. o quitarle.. siguiendo la linea de

<TR>

<TD>.........</TD>

</TR>

aca te dejo el codigo..

Código HTML:

<DIV style="position:absolute;left:179px;top:88px;width:624px;height:240px;z-index:1" align="left">
<TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1">
<TR>
<TD align="left" valign="top" width="620" height="236">CELDA GRANDE </TD>
</TR>
</TABLE></DIV>
<DIV style="position:absolute;left:204px;top:115px;width:205px;height:149px;z-index:2" align="left">
<TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1">
<TR>
<TD align="left" valign="top" width="100" height="72">111</TD>
<TD align="left" valign="top" width="100" height="72">222</TD>
</TR>
<TR>
<TD align="left" valign="top" width="100" height="72">333</TD>
<TD align="left" valign="top" width="100" height="72">444</TD>
</TR>
</TABLE></DIV>
<DIV style="position:absolute;left:541px;top:117px;width:173px;height:178px;z-index:3" align="left">
<TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1">
<TR>
<TD align="left" valign="top" width="84" height="34">555</TD>
<TD align="left" valign="top" width="84" height="34">666</TD>
</TR>
<TR>
<TD align="left" valign="top" width="84" height="34">777</TD>
<TD align="left" valign="top" width="84" height="34">888</TD>
</TR>
<TR>
<TD align="left" valign="top" width="84" height="34">999</TD>
<TD align="left" valign="top" width="84" height="34">&nbsp;</TD>
</TR>
<TR>
<TD align="left" valign="top" width="84" height="34">10</TD>
<TD align="left" valign="top" width="84" height="34">11</TD>
</TR>
<TR>
<TD align="left" valign="top" width="84" height="34">12</TD>
<TD align="left" valign="top" width="84" height="34">13</TD>
</TR>
</TABLE></DIV>

ponlo entre las etiqutas HEAD Y /HEAD..

saludos!
Espero haberte ayudado..
Mc

kazafun · 29-dic-2006, 04:13

No me extraña que no me entiendas :)

Shade · 29-dic-2006, 04:46

Cita:

Iniciado por kazafun

No me extraña que no me entiendas :)

Joz, lo que se refiere kazafun es que le crees un estilo css propio a la td (asignandole un id) y uses display:inline, sino... puedes crear un <p> o un <span> dentro del td que englobe a las tablas (aunque esta solucion sea mas "guarrilla").

DragonX · 29-dic-2006, 09:33

Código PHP:


			
<DIV style="position:absolute;left:179px;top:88px;width:624px;height:240px;z-index:1" align="left"> <TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1"> <TR> <TD align="left" valign="top" width="620" height="236">CELDA GRANDE </TD> </TR> </TABLE></DIV> <DIV style="position:absolute;left:204px;top:115px;width:205px;height:149px;z-index:2" align="left"> <TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1"> <TR> <TD align="left" valign="top" width="100" height="72">111</TD> <TD align="left" valign="top" width="100" height="72">222</TD> </TR> <TR> <TD align="left" valign="top" width="100" height="72">333</TD> <TD align="left" valign="top" width="100" height="72">444</TD> </TR> </TABLE></DIV> <DIV style="position:absolute;left:541px;top:117px;width:173px;height:178px;z-index:3" align="left"> <TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1"> <TR> <TD align="left" valign="top" width="84" height="34">555</TD> <TD align="left" valign="top" width="84" height="34">666</TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">777</TD> <TD align="left" valign="top" width="84" height="34">888</TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">999</TD> <TD align="left" valign="top" width="84" height="34">&nbsp;</TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">10</TD> <TD align="left" valign="top" width="84" height="34">11</TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">12</TD> <TD align="left" valign="top" width="84" height="34">13</TD> </TR> </TABLE></DIV>

Hacele caso a kazafun

27-dic-2006, 19:37	#1 (permalink)
Village Fecha de Ingreso: febrero-2004 Mensajes: 43	Poner tablas en una celda larga? Quiero poner varias tablas sobre una celda horizontal larga, pero al poner la segunda tabla, ésta se va hacia arriba de la anterior y no me permite colocarla en forma horizontal, alguien puede indicarme porque sucece esto y no puedo poner las tablas horizontalmente? Gracias!! Village

28-dic-2006, 09:58	#2 (permalink)
kazafun Fecha de Ingreso: diciembre-2003 Ubicación: Elda Mensajes: 499	Re: Poner tablas en una celda larga? Esa estructura de tablas parece muy compleja. ¿Has valorado si esta justificado en tu web ese modelo de tablas? Si fuera asi, puedes probar a ponerle a la tabla display:inline; ...aunque no estoy seguro de si es correcto para una tabla... prueba :) __________________ MUERTE a Internet Explorer Mi portfolio de diseño web en Elda

29-dic-2006, 04:13	#4 (permalink)
kazafun Fecha de Ingreso: diciembre-2003 Ubicación: Elda Mensajes: 499	Re: Poner tablas en una celda larga? No me extraña que no me entiendas :) __________________ MUERTE a Internet Explorer Mi portfolio de diseño web en Elda

29-dic-2006, 04:46	#5 (permalink)
Shade Fecha de Ingreso: noviembre-2006 Mensajes: 263	Re: Poner tablas en una celda larga? Cita: Iniciado por kazafun No me extraña que no me entiendas :) Joz, lo que se refiere kazafun es que le crees un estilo css propio a la td (asignandole un id) y uses display:inline, sino... puedes crear un <p> o un <span> dentro del td que englobe a las tablas (aunque esta solucion sea mas "guarrilla").

29-dic-2006, 09:33	#6 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 6.912	Re: Poner tablas en una celda larga? Código PHP: <DIV style="position:absolute;left:179px;top:88px;width:624px;height:240px;z-index:1" align="left"> <TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1"> <TR> <TD align="left" valign="top" width="620" height="236">CELDA GRANDE </TD> </TR> </TABLE></DIV> <DIV style="position:absolute;left:204px;top:115px;width:205px;height:149px;z-index:2" align="left"> <TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1"> <TR> <TD align="left" valign="top" width="100" height="72">111</TD> <TD align="left" valign="top" width="100" height="72">222</TD> </TR> <TR> <TD align="left" valign="top" width="100" height="72">333</TD> <TD align="left" valign="top" width="100" height="72">444</TD> </TR> </TABLE></DIV> <DIV style="position:absolute;left:541px;top:117px;width:173px;height:178px;z-index:3" align="left"> <TABLE width="100%" height="100%" border="1" cellpadding="0" cellspacing="1"> <TR> <TD align="left" valign="top" width="84" height="34">555</TD> <TD align="left" valign="top" width="84" height="34">666</TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">777</TD> <TD align="left" valign="top" width="84" height="34">888</TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">999</TD> <TD align="left" valign="top" width="84" height="34"> </TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">10</TD> <TD align="left" valign="top" width="84" height="34">11</TD> </TR> <TR> <TD align="left" valign="top" width="84" height="34">12</TD> <TD align="left" valign="top" width="84" height="34">13</TD> </TR> </TABLE></DIV> Hacele caso a kazafun __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado