Mantener fijo el ancho de una columna

[PeterTheWall]

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.

[PeterTheWall]

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 )

[ArkangelGammar]

Iniciado por PeterTheWall

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

[jomaruro]

Hola:

Iniciado por PeterTheWall

|-----------------------------------------------
|.......[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.

[PeterTheWall]

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!!

[gVenom]

talvez asi:
table {table-layout: fixed;
text-align: justify;
}

[PeterTheWall]

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!

[gVenom]

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> 

[PeterTheWall]

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

[gVenom]

ponle a las propiedades del p display: block;

[PeterTheWall]

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.

[PeterTheWall]

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!

[gVenom]

diay, casi le llego

[PeterTheWall]

Confirmado! va bien en todos los navegadores...
no, no... si tu opcion iba bien, pero solo en alguno navegadores!! ;)
muchas gracias por tu ayuda!!!!

[jomaruro]

Hola:

Iniciado por PeterTheWall

Pero la propiedad era: overflow:hidden

Pero eso te va a ocultar la parte del texto que sobrepase el ancho del div.

Saludos.