Foros del Web » Creando para Internet » HTML »

Juego complejo de tablas

Estas en el tema de Juego complejo de tablas en el foro de HTML en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 10/04/2003, 11:51
Avatar de drcyber  
Fecha de Ingreso: julio-2002
Mensajes: 826
Antigüedad: 15 años, 4 meses
Puntos: 2
Pregunta Juego complejo de tablas

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.
__________________
Dr. Cyber
Ingeniarte.com
(soy el mismo Takitei)
  #2 (permalink)  
Antiguo 10/04/2003, 12:36
Avatar de Nachzeher  
Fecha de Ingreso: enero-2003
Mensajes: 249
Antigüedad: 14 años, 10 meses
Puntos: 1
Saludos..

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..
  #3 (permalink)  
Antiguo 10/04/2003, 13:14
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
  #4 (permalink)  
Antiguo 10/04/2003, 14:14
Avatar de drcyber  
Fecha de Ingreso: julio-2002
Mensajes: 826
Antigüedad: 15 años, 4 meses
Puntos: 2
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 ;)
__________________
Dr. Cyber
Ingeniarte.com
(soy el mismo Takitei)

Última edición por drcyber; 10/04/2003 a las 15:08
  #5 (permalink)  
Antiguo 10/04/2003, 16:20
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
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
  #6 (permalink)  
Antiguo 10/04/2003, 17:12
Avatar de drcyber  
Fecha de Ingreso: julio-2002
Mensajes: 826
Antigüedad: 15 años, 4 meses
Puntos: 2
Ya lo resolví... simplemente tenía que ajustar el valor nuevamente al insertar el texto.

Muchas gracias por todo !
__________________
Dr. Cyber
Ingeniarte.com
(soy el mismo Takitei)
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 18:47.