texto y celdas, para expertos

[emiliodeg]

hola amigos tengo una duda, e leido y buscado mucho pensando q seria sencillo solucionarlo pero evidentemente no lo es, o por lo menos para mi
les comento mi problema, creo q se debe hacer con estilos por eso lo dejo aca
generalmente uno declara tablas y/o celdas con un ancho predeterminado para el diseño de nuestro sitio, pero nunca falta una palabra demaciado larga q rompe esta estructura, como hago para dar un ancho fijo y si aparece una palabra mas ancha q eso q la corte y la baje???
espero puedan ayudarme
saludos

[jesusbet]

tabla, celda o elemento {
overflow: hidden;
}

[emiliodeg]

che pero no funciona :( mira hago esto

Código PHP:

  <table width="100" style="overflow:hidden; width:100px;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="overflow:hidden; width:100px;">wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</td>
  </tr>
</table> 
   

y el texto no se "corta" a los 100px
se puede???
saludos

[hunab]

prueba con overflow:auto; lo que te hará es crear scroll cuando la palabra sea muy larga (supuestamente) sino prueba con overflow:scroll, pero creo q eso te creará los scrolls directamente.

[furoya]

Hola todos :

emiliodeg : ¿te servirá meter un soft hypen ( ­) en medio de la palabra?

[emiliodeg]

Iniciado por furoya

Hola todos :

emiliodeg : ¿te servirá meter un soft hypen ( ­) en medio de la palabra?

como???

[furoya]

Bueno, perdón; quise poner "un soft hyphen"

http://spaces.msn.com/orivira/Blog/c...BgQ!3443.entry


http://www.dam.brown.edu/people/fb/shy173.html

Código:

<td>palabra­muy­larga</td>

Seguramente vas a tener que encerrarlo en un span para ocultarlo a la vista, pero no creo que se pueda al arrastre de selección y copia.

Aquí hay un tema interesante con un escript que no funciona para lo que debe, pero que sí puede servir para insertar medianamente bien un guión.

Proyecto: Script inteligente que aplique tildes

Saludos

[thisisalexis]

Conduerdo con lo que recomendaron antes:

.tabla{
overflow:hidden;
}

Eso no debería fallar, lo he utilizado muchas veces antes.

[SiR.CARAJ0DIDA]

si "aparece" una palabra demasiado larga es porque el contenido de tu sitio es dinamico y para no permitir que pase eso la palabra se debería cortar antes de mostrarla y eso se hace con PHP o ASP.

Las pocas veces que use tablas creo recordar que nunca me funciono un overflow:hidden o overflow:scroll en una celda, pero se puede hacer poniendo un div dentro de la celda.

[Durgeoble]

td { word-wrap: break-word }

[furoya]

Hola de nuevo :

...td { word-wrap: break-word }...

Durgeoble : éso está muy bien; no lo conocía. Por ahora parece que sólo anda en IExplorer, habrá que ver en qué versiones. Pero es algo.


Por otro lado, a emiliodeg no le sirve ocultar el contenido de la celda, quiere

...dar un ancho fijo y si aparece una palabra mas ancha q eso q la corte y la baje...

[Durgeoble]

realmente es un problema, esa funcion no se implementa hasta css3 y efectivamente word-wrap solo funciona en IE (sorry lo puse de memoria) asi pues solo le queda usar algun scrip de lado servidor (php, python, cgis, asp, ect) que realice la función, quizas con javascrip

[furoya]

No tienes de qué disculparte, Durgeoble, más de uno aprendimos algo nuevo y también somos muchos los que cada tanto nos olvidamos de aclarar cuando un código es propietario y para qué navegador. Y no es grave, se prueba y ya.

Con lo del escript desde el servidor, pues no; la medida se toma en el cliente, que es quien tiene las fuentes y la configuración de tamaños de texto y ventana. Hay que hacerlo con javascript.