Consejo sobre CSS sobre tablas... Gracias.

[julms]

Hola, estoy creando unas tablas y me gustaria saber, como soleis ajustais el ancho de cada columna.

Lo soleis hacer con tanto por ciento y que el total de todas las columnas sea 100%? Si un texto no cabe amplia la fila en varias lineas respetando el ancho?

Os lo pregunto porque en mi caso si una celda tiene este texto:
"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaa"
sin espacios, no lo divide en lineas. Si por el contrario es:
"aaaaa aaaa aaaa aaaaaa aaaa aaaaaa aaaa aaaaaa aaa aaa aaaa aa aaa"
si que se respeta el ancho, dividiendo en lineas.

¿Podriais comentarme algo de vuestras tablas? Muchas Gracias.

[jomaruro]

Hola:

Iniciado por julms

Os lo pregunto porque en mi caso si una celda tiene este texto:
"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaa"

¿Cuantas palabras conoces que sean tan grandes? Lógicamente lo hagas con div o con tablas, lo hagas con tamaño fijo o en %, nunca te va a cortar una palabra.

Además, ¿la tabla es para tabular datos o para maquetar la página?. Si es para maquetar te aconsejaría que lo hicieras con CSS y no con tablas.

Saludos.

[julms]

Es una tabla, lo que pasa es que hay un dato que es algo parecido a un PATH (Pero que se especifica con variables, y por eso puede haber palabras largas).

Pensaba que quizas habia algo en el estilo que podria partir la palabra si no cabe.
Sabiendo que no es tan sencillo pues... ya vere que se hace.

Gracias por tu respuesta

[delfin85]

algo parecido me pasa a miiiiii
pero en mi caso mis columnas son un poco pequeñas para la palabra
pero ese tamaño es el indicado


lo que yo quiero es q cuando mi palabra se agrande q ya no c vea

esq cuando la palabra sobre pasa el tamaño de la celda se sobre escribe con la otra
y yo lo q quiero es q solo se ve hasta donde termina la celda
algine me puede ayudar

[jomaruro]

Hola:

Utiliza el overflow:

overflow:hidden;

Saludos.

[PatomaS]

Hola

Un overflow:hidden solo oculta parte de la información, con lo que la celda mantendrá el tamaño, pero la información habrá desaparecido. Definitivamente esa no es la solución. Al menos no en si misma

Hay instrucciones que permiten arreglar lo que mencionas, sin embargo, ninguna funciona perfectamente bien en todos los navegadores, por lo tanto, una solución es incorporar una capa dentro de la cela, asígnarle un overflow:scroll o auto y poner allí el contenido y no dirctamente en el td.

Esta mecánica permite que el contenido sea visible siempre, no importa cuan largo sea. El único inconveniente es estético ya que hay a quien no le gusta tener una barra de desplazamiento en la celda.

Personalmente la considero una buena opción, sin embargo, si no te agrada, puedes hacer pruebas con js, el cual puede hacer el trabajo que requieres sin mayores problemas.

O puedes usar etiquetas y comandos no estándares como el word-wrap de explorer o la etiqueta <wbr>. Si optas por la última posibilidad mencionaba, te interesa revisar esto.

Felicidad

[Mikmoro]

Otra cosa: si la palabra enorme es una url, si consigues un método para cortarla en dos líneas dejará de servir como un enlace, ayuda directa "copy&paste" para acceder, etc., de manera que no consigues nada.
Por mi parte, antes de buscar cómo cortarla, buscaría el método para ofrecer un vínculo resumido, con la url como enlace pero no a la vista; más efectivo y estético a mi parecer.