Juego complejo de tablas

drcyber · #1 (**permalink**) 10/04/2003, 10:51

Buenas a todos.

Introduce este código en tu editor HTML (Dreamweaver, FrontPage, Homesite, etc):

<table width="734" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="216" rowspan="3" valign="top"> <p>1</p></td>
<td width="281" valign="top">2</td>
<td width="237" height="148" valign="top">4</td>
</tr>
<tr>
<td rowspan="2" valign="top"><p>3</p>
</td>
<td height="113" valign="top">5</td>
</tr>
<tr>
<td height="111" valign="top">6</td>
</tr>
</table>

Como verás es una serie de celdas organizadas por números. El problema se me presenta cuando trato de escribir texto en la celda "1" y en la "3"; me descuadra el tamaño del resto de las celdas. Me gustaría poder escribir en 1 y 3 libremente, por ejemplo, llenar la celda 1 sin que 2 y 3 cambien de tamaño.

Si alguno sabe que debo hacer, le estaré agradecido. He probado introduciendo tablas dentro de las celdas y ocurre lo mismo.

Muchas gracias de antemano.

Nachzeher · #2 (**permalink**) 10/04/2003, 11:36

Mira...

Tienes estilos declarados para la tabla??

Aún así, creo que tendrás que definir la dimensión de las celdas para que no te las modifique al introducir texto...

Introduje un poco de texto en la tabla que pusiste en tu post, y no tenías definido el ancho de algunas celdas... y eso fué lo que hize..

---------------
<html>
<head>
</head>
<body bgcolor="gray">
<table border="1" bordercolor="red" width="734" cellspacing="0" cellpadding="0">
<tr>
<td width="216" rowspan="3" valign="top">
<p>1asdfasdfadsfasfdadfasdfafasfdaaa
adsfasdfasdfasdfasdfasfdasdfadsfadfa
asdfasdfagadsgfdgfgfdagfdgafgafdgaef</p></td>
<td width="281" valign="top">2</td>
<td width="237" height="148" valign="top">4</td>
</tr>
<tr>
<td rowspan="2" valign="top" width="216" ><p>3
asdfasdfadsfasfdadfasdfafasfdaaa
adsfasdfasdfasdfasdfasfdasdfadsfadfa
asdfasdfagadsgfdgfgfdagfdgafgafdgaef</p>
</td>
<td height="113" valign="top">5</td>
</tr>
<tr>
<td height="111" valign="top">6</td>
</tr>
</table>
</body>
</html>
-------------------------------------
Agregué lo marcado en rojo.
Lo que está marcado en Rojo le da las dimensiones a tu celda, y
obliga a el texto a quedarse dentro de esos límites impidiendo que te modifique el tamaño de las demás...

Puedes definir el ancho de tus celdas y obligarlas a medir lo que tu quieras...

Espero haberte ayudado..
Nachzeher..

caricatos · #3 (**permalink**) 10/04/2003, 12:14

Hola drcyber:

Complementando lo que dice Nachzeher (Hola

)
Hay un estilo para desbordamientos, que se aplica a cualquier elemento html:

overflow: auto/hidden/scroll/visible

Prueba aplicar los valores posibles.

Saludos

drcyber · #4 (**permalink**) 10/04/2003, 13:14

Nop... eso no es lo que necesitaba. Creo que no me supe explicar. Trata de llenar full de texto la celda 1. Verás que cuando vas por la mitad, la celda 2 comienza a estirarse verticalmente. Igual ocurre cuando tratas de llenar completamente de texto la celda 3, entonces la celda 5comienza a estirarse verticalente justo cuando vas por la mitad.

Ese es el problema, necesito llenar de texto las 6 celdas pero siempre me las estira en forma vertical, aunque le defina estilos y dimensiones.

Espero sus respuestas ;)

caricatos · #5 (**permalink**) 10/04/2003, 15:20

Hola otra vez:

Prueba poner en cada celdas, un div con los mismos valores width y height, y con el overflow auto

Tienes que hacer que los valores width y height de las celdas y los divs sean los mismos.

Saludos

drcyber · #6 (**permalink**) 10/04/2003, 16:12

Ya lo resolví... simplemente tenía que ajustar el valor nuevamente al insertar el texto.

Muchas gracias por todo !