Foros del Web » Creando para Internet » CSS »

Celda de una tabla que no cambie su tamaño

Estas en el tema de Celda de una tabla que no cambie su tamaño en el foro de CSS en Foros del Web. Tengo este problema, no estoy muy seguro si es en esta seccion, si no lo es, porfavor colocarla en la seccion correspondiente. El problema es ...
  #1 (permalink)  
Antiguo 20/08/2011, 10:36
Avatar de skyz  
Fecha de Ingreso: abril-2010
Mensajes: 169
Antigüedad: 6 años, 7 meses
Puntos: 1
Pregunta Celda de una tabla que no cambie su tamaño

Tengo este problema, no estoy muy seguro si es en esta seccion, si no lo es, porfavor colocarla en la seccion correspondiente.

El problema es que desearia hacer en una celda de una tabla, un comentario de un usuario, encontre por la red esta propiedad:

Código PHP:
<style type="text/css">
table table-layout:fixed;
}
</
style
Que me dice que las celdas de una tabla seran fijas y no cambiaran su tamaño, no importando el contenido que se coloque, pero el problema es que, si alguna persona en su comentario coloca digamos:

Código:
graciasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
La celda de la tabla donde esta el comentario se estira hacia la derecha y no es lo que deseo, vi en un foro que al realizar este tipo de comentarios la celda no se movia y todo se acomodaba hacia abajo, haciendo parecer a la celda como si fuera dura y no le afectara este comportamiento de comentario. Tambien vi este otro comportamiento de celda:



Este segundo comportamiento, me coloca un scroll si el comentario es demasiado largo.

Quisiera saber como se hacen estos 2 tipos de comportamientos en una celda de una tabla.

Gracias por su tiempo.
  #2 (permalink)  
Antiguo 20/08/2011, 12:01
Avatar de EthanBrody  
Fecha de Ingreso: abril-2011
Ubicación: Tierra Blanca, Veracruz-Llave, Mexico, Mexico
Mensajes: 21
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: Celda de una tabla que no cambie su tamaño

Ese es el problema, para cualquier cosa, no nadamas para celdas, sino para parrafos, divs, lo que sea, si una palabra es demasiado larga se va a desbordar.

Para los de los scroll-bars, en la celda de tu tabla aplica CSS con la propiedad OVERFLOW:auto; asi cada que se extienda una palabra, aparecerán unas barras. Pero esto es muy antiestetico.

Yo usaria mas una propiedad del CSS3, en el estilo de la celda usaria WORD-WRAP:BREAK-WORD;

Esto lo que hace es que si una palabra se desborda, la corta en dos, y pasa la segunda parte hacia abajo. Aunque nunca lo he probado en Tablas.
  #3 (permalink)  
Antiguo 20/08/2011, 19:19
Avatar de skyz  
Fecha de Ingreso: abril-2010
Mensajes: 169
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Celda de una tabla que no cambie su tamaño

Gracias por la respuesta EthanBrody, pero no se que estoy haciendo mal, no me sale, con la propiedad overflow lo que deseo.

Aqui el codigo:

Código PHP:
<body>
<
table width="539" border="1">
  <
tr>
    <
td width="162" height="107" valign="top" style="overflow:auto;">&nbsp;</td>
    <
td width="175" valign="top" style="overflow:hidden;"></td>
    <
td width="180" valign="top" style="overflow:inherit;">&nbsp;</td>
  </
tr>
  <
tr>
    <
td height="90" style="overflow:scroll;"><p>&nbsp;</p>
    <
p>&nbsp;</p></td>
    <
td style="overflow:visible;">&nbsp;</td>
    <
td style="word-wrap:break-word;">&nbsp;</td>
  </
tr>
  <
tr>
    <
td height="142">&nbsp;</td>
    <
td>&nbsp;</td>
    <
td>&nbsp;</td>
  </
tr>
</
table>
</
body
Solo me sale en el overflow:scroll, las barras pero la celda, se estira hacia la derecha con palabras largas, no se queda fija la celda.

Estuve probando con las otras propiedades de overflow, pero no veo resultados.

Última edición por skyz; 20/08/2011 a las 23:15
  #4 (permalink)  
Antiguo 23/08/2011, 20:04
 
Fecha de Ingreso: septiembre-2008
Mensajes: 25
Antigüedad: 8 años, 2 meses
Puntos: 2
Respuesta: Celda de una tabla que no cambie su tamaño

Me parece muy extraño que word-wrap:break-word no te funcione, se creo precisamente para eso... una puede ser que tu navegador no soporte CSS3, espero que no!!! Y la otra puede ser que no te funcione porque estas aplicando el estilo a una celda, no a un párrafo...

Para convertir en párrafo cualquier elemento HTML, existe display:block, prueba con el a ver si te resulta, cabe destacar que no e probado el código, sólo te comento el como yo lo resolvería... Saludos!!!

Etiquetas: celda, contenido, html, tabla, tamaño, cambios
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 05:26.