Foros del Web » Creando para Internet » HTML »

Formato table. Casillas que no se agranden

Estas en el tema de Formato table. Casillas que no se agranden en el foro de HTML en Foros del Web. Buenos dias. Necesito saber como hago para que las casillas de una tabla, en el caso de que el texto que va dentro sea mayor ...
  #1 (permalink)  
Antiguo 08/07/2009, 01:22
 
Fecha de Ingreso: julio-2009
Mensajes: 7
Antigüedad: 8 años, 5 meses
Puntos: 0
Formato table. Casillas que no se agranden

Buenos dias.

Necesito saber como hago para que las casillas de una tabla, en el caso de que el texto que va dentro sea mayor al espacio no se deformen, y que el texto no realice ningun salto de carro.

Un saludo y gracias.
  #2 (permalink)  
Antiguo 08/07/2009, 12:29
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Formato table. Casillas que no se agranden

con el uso de la propiedad overflow:hidden desde css
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 08/07/2009, 13:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Formato table. Casillas que no se agranden

Ahondando algo más la respuesta de Emiliodeg.

1º: Si una tabla no tiene definido el tamaño, el ancho de las celdas se adaptará/variará en función del contenido de cada una. Así que si una aumenta, el resto disminuyen.
Para evitarlo, además de fijar medida de cada celda, dale a la tabla la propiedad table-layout="fixed"

2º: Con la propiedad "overflow" sólo controlas en comportamiento de contenido cuando no cabe en su caja, pero siendo texto las nuevas líneas las crea el navegador coincidiendo con los espacios en blanco.

3º: Para controlar la nuevas líneas (no el salto de línea: <br/>) puedes utilizar la propiedad "white-space". Los valores que impedirán crear nuevas líneas (por lo tanto se mostrará todo el texto en una sóla) son:
"pre" respetará los espacios en blanco consecutivos
"nowrap" sólo dejará un espacio en blanco en caso de haber varios consecutivos.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 17:41.