Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Herramientas y Software (http://www.forosdelweb.com/f17/)
-   -   Poner tablas en una celda larga? (http://www.forosdelweb.com/f17/poner-tablas-celda-larga-452769/)

Village 27/12/2006 20:37

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

kazafun 28/12/2006 10:58

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

McBlink 28/12/2006 11:42

Re: Poner tablas en una celda larga?
 
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:arriba:

kazafun 29/12/2006 05:13

Re: Poner tablas en una celda larga?
 
No me extraña que no me entiendas :)

Shade 29/12/2006 05:46

Re: Poner tablas en una celda larga?
 
Cita:

Iniciado por kazafun (Mensaje 1835958)
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/12/2006 10:33

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

:no::no::no::no::no::no::no::no::no::no:

Hacele caso a kazafun :si: :si: :si:


La zona horaria es GMT -6. Ahora son las 04:10.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.