Foros del Web » Creando para Internet » CSS »

Consejo sobre CSS sobre tablas... Gracias.

Estas en el tema de Consejo sobre CSS sobre tablas... Gracias. en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/04/2009, 02:42
 
Fecha de Ingreso: noviembre-2008
Mensajes: 74
Antigüedad: 9 años
Puntos: 0
Consejo sobre CSS sobre tablas... Gracias.

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.
  #2 (permalink)  
Antiguo 28/04/2009, 03:03
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: Consejo sobre CSS sobre tablas... Gracias.

Hola:

Cita:
Iniciado por julms Ver Mensaje
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.

  #3 (permalink)  
Antiguo 28/04/2009, 03:27
 
Fecha de Ingreso: noviembre-2008
Mensajes: 74
Antigüedad: 9 años
Puntos: 0
Respuesta: Consejo sobre CSS sobre tablas... Gracias.

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
  #4 (permalink)  
Antiguo 14/05/2009, 15:00
 
Fecha de Ingreso: julio-2008
Mensajes: 59
Antigüedad: 9 años, 4 meses
Puntos: 1
Respuesta: Consejo sobre CSS sobre tablas... Gracias.

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
  #5 (permalink)  
Antiguo 14/05/2009, 15:40
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: Consejo sobre CSS sobre tablas... Gracias.

Hola:

Utiliza el overflow:

overflow:hidden;

Saludos.

  #6 (permalink)  
Antiguo 14/05/2009, 21:03
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Respuesta: Consejo sobre CSS sobre tablas... Gracias.

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
__________________
¡ hey, hou, hou, hey !
  #7 (permalink)  
Antiguo 15/05/2009, 05:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Consejo sobre CSS sobre tablas... Gracias.

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.
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 13:42.