Foros del Web » Creando para Internet » HTML »

Mantener fijo el ancho de una columna

Estas en el tema de Mantener fijo el ancho de una columna en el foro de HTML en Foros del Web. Hola! Hay alguna manera de mantener fijo el ancho de una columna de una tabla?? Es decir, si por ejemplo quiero meter una palabra grande, ...
  #1 (permalink)  
Antiguo 02/02/2011, 05:46
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Mantener fijo el ancho de una columna

Hola! Hay alguna manera de mantener fijo el ancho de una columna de una tabla?? Es decir, si por ejemplo quiero meter una palabra grande, que NO se se extienda el ancho de la columna. Que permanezca fija, y por lo tanto pase a la siguiente linea, o simplemente, el resto de la palabra no se muestre.
  #2 (permalink)  
Antiguo 02/02/2011, 06:07
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Respuesta: Mantener fijo el ancho de una columna

Ya sé cómo mantener fijo el ancho de la columna ( usando el estilo table-layout:fixed; ) Mi problema ahora es otro: el texto, en lugar de cortarse o saltar de linea, continúa mostrándose por pantalla, excediendo el ancho que hay asignado para la columna. Es decir:

|-----------------------------------------------
|.......[columna1]....|.......[columna2]....|
|aaaaaaaaaaaaaaaaaaaaaaaaaaaaa|
|.......[columna1]....|.......[columna2]....|
|-----------------------------------------------|

O sea, ahora el ancho de la columna es fijo, pero el texto invade la columna de al lado. No hay ninguna manera que el texto se corte?? o salte de linea?? ( perdon por el dibujo, no sé si queda muy claro )
  #3 (permalink)  
Antiguo 02/02/2011, 06:32
Avatar de ArkangelGammar  
Fecha de Ingreso: enero-2011
Ubicación: <?php $persona->ubicacion('ArkangelGammar'); ?>
Mensajes: 178
Antigüedad: 6 años, 11 meses
Puntos: 19
Respuesta: Mantener fijo el ancho de una columna

Cita:
Iniciado por PeterTheWall Ver Mensaje
Ya sé cómo mantener fijo el ancho de la columna ( usando el estilo table-layout:fixed; ) Mi problema ahora es otro: el texto, en lugar de cortarse o saltar de linea, continúa mostrándose por pantalla, excediendo el ancho que hay asignado para la columna. Es decir:

|-----------------------------------------------
|.......[columna1]....|.......[columna2]....|
|aaaaaaaaaaaaaaaaaaaaaaaaaaaaa|
|.......[columna1]....|.......[columna2]....|
|-----------------------------------------------|

O sea, ahora el ancho de la columna es fijo, pero el texto invade la columna de al lado. No hay ninguna manera que el texto se corte?? o salte de linea?? ( perdon por el dibujo, no sé si queda muy claro )

Tenes que usar algo como esto, es un css, o bien lo incluis en tu archivo css, o sino lo definis entre los head, logicamente agregandole el tag de style.
Código HTML:
td{
	width: 200px;
}
Lo que va a haces es que a todos los TD les de un ancho de 200 px. Si el texto excede eso, automaticamente lo hace multilinea

Espero haber ayudado.

Saludos

Última edición por ArkangelGammar; 02/02/2011 a las 06:34 Razón: Me olvide un detallecito
  #4 (permalink)  
Antiguo 02/02/2011, 07:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Mantener fijo el ancho de una columna

Hola:

Cita:
Iniciado por PeterTheWall Ver Mensaje
|-----------------------------------------------
|.......[columna1]....|.......[columna2]....|
|aaaaaaaaaaaaaaaaaaaaaaaaaaaaa|
|.......[columna1]....|.......[columna2]....|
|-----------------------------------------------|
Exceptuando algún link que si puede ser largo ¿cuantas palabras conoces que sean tan largas como aaaaaaaaaaaaaaaaaaaaaaaaaaaaa?

El texto invade la celda siguiente porque el navegador no sabe por dónde cortarla. Busca información sobre word-wrap en CSS 3 siempre teniendo en cuenta que es una propiedad CSS 3 y no es compatible con todos los navegadores.

Saludos.

  #5 (permalink)  
Antiguo 02/02/2011, 08:46
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Respuesta: Mantener fijo el ancho de una columna

Muchas gracias a los dos por vuestras respuestas. Cierto, ArkangelGammar. De hecho mi intencion era la de realizar esta validacion a nivel de JS. Y no dejar continuar si una palabra es demasiado grande. Lo que pasa que, el texto a validar, incluye tag de HTML, imágenes, vídeos, así como otros elementos encriptados. Y validar ese texto es bastante complicado. Por eso, me preguntaba si había alguna manera, a posteriori, de hacer alguna acción con una palabra demasiado grande. Que como bien dices, no existe. Pero, si alguien le da por tratar de "fastidiar", que no me desmonte la web! Se trata de un foro. Y claro, al responder la gente puede poner lo que quiera... Pues nada, veo que me tocará validarlo a nivel de JS...
Muchas gracias!!
  #6 (permalink)  
Antiguo 02/02/2011, 09:06
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Mantener fijo el ancho de una columna

talvez asi:
table {table-layout: fixed;
text-align: justify;
}
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #7 (permalink)  
Antiguo 02/02/2011, 09:16
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Respuesta: Mantener fijo el ancho de una columna

No. No hubo suerte gVenom, gracias por la aportación... Es que el problema lo tengo si se trata de una sólo palabra. Vamos, que no hay ningun espacio. Entonces, evidentemente no me salta de linea, y me imprime todo la palabra, aunque salga de la celda.
Bueno, trataré de hacer la validación como os decía desde JS...
Gracias!
  #8 (permalink)  
Antiguo 02/02/2011, 10:21
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Mantener fijo el ancho de una columna

y que tal si le das al parrafo un ancho máximo, como asi;

Código HTML:
<style type="text/css">
p.corto {
  width:500px;
  }
</style> 
Y se aplica así:

Código HTML:
<p class="corto">texto texto</p> 
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #9 (permalink)  
Antiguo 02/02/2011, 13:12
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Respuesta: Mantener fijo el ancho de una columna

gVenom! Lo que dices parece funcionar... pero si lo pruebas en el navegador Opera, no funciona. En IE, sí que va. Pero claro, no es plan... seguire buscando por que veo webs que sí que lo logran... muchas gracias de todos modos
  #10 (permalink)  
Antiguo 02/02/2011, 14:06
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Mantener fijo el ancho de una columna

ponle a las propiedades del p display: block;
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #11 (permalink)  
Antiguo 02/02/2011, 16:21
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Respuesta: Mantener fijo el ancho de una columna

Nada! No hay manera! El ancho permanece fijo, pero el texto invade la columna de al lado... Pero ya te digo, lo que dices está bien. Lo que pasa que en el navegador Opera no funciona.
  #12 (permalink)  
Antiguo 02/02/2011, 16:31
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Respuesta: Mantener fijo el ancho de una columna

Ya estaa!!! Ya sé cómo se hace! Vamos, que me lo han dicho en otro foro... ( jeje la medalla es para otro ) Ibas bien gVenom... efectivamente era con css. Pero la propiedad era: overflow:hidden
vamos, voy a probarlo en todos los navegadores, pero hace buena pinta!
  #13 (permalink)  
Antiguo 02/02/2011, 16:39
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Mantener fijo el ancho de una columna

diay, casi le llego
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #14 (permalink)  
Antiguo 02/02/2011, 16:47
 
Fecha de Ingreso: noviembre-2010
Mensajes: 65
Antigüedad: 7 años
Puntos: 0
Respuesta: Mantener fijo el ancho de una columna

Confirmado! va bien en todos los navegadores...
no, no... si tu opcion iba bien, pero solo en alguno navegadores!! ;)
muchas gracias por tu ayuda!!!!
  #15 (permalink)  
Antiguo 03/02/2011, 06:32
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Mantener fijo el ancho de una columna

Hola:

Cita:
Iniciado por PeterTheWall Ver Mensaje
Pero la propiedad era: overflow:hidden
Pero eso te va a ocultar la parte del texto que sobrepase el ancho del div.

Saludos.


Etiquetas: ancho, columna, fijo, mantener
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 14:36.