Página 1 de 1

Duda con CSS

NotaPublicado: 2011-01-21 18:47 @824
por BigBear
Hola.

Ando teniendo una duda porque quiero hacer un menú con opciones que esté siempre al costado y que a pesar de que el nombre de la opción sea larga, éste siempre se mantenga al costado.

El problema es que siempre el texto, que tiene que estar al costado, pasa al medio, dejando todo arruinado.

Alguien sabe cómo hacerlo.

Re: Duda con CSS

NotaPublicado: 2011-01-21 21:36 @942
por explorer
¿Puedes poner un ejemplo corto de HTML+CSS en que ocurra el fallo?

Re: Duda con CSS

NotaPublicado: 2011-01-22 10:07 @463
por BigBear
Sintáxis: [ Descargar ] [ Ocultar ]
Using html4strict Syntax Highlighting
  1. <style>
  2. #opciones{
  3. font-size: 15px;
  4. float: left;
  5. width: 50px;
  6. padding: 1em;
  7. }
  8. </style>
  9.  
  10. <div id=opciones>
  11. soy largooooooooooooooooooooooooooooooooooooooooooooooooooooooo
  12. </div>
Coloreado en 0.003 segundos, usando GeSHi 1.0.8.4


Lo que pasa es que a pesar de que el texto sea largo yo necesito que si este es largo siaga abajo sin
molestar el medio quedando algo asi

Sintáxis: [ Descargar ] [ Ocultar ]
Using html4strict Syntax Highlighting
  1. soy largooo
  2. ooooooooooo
  3. oooo
Coloreado en 0.001 segundos, usando GeSHi 1.0.8.4


¿ Se puede lograr eso ?

Re: Duda con CSS

NotaPublicado: 2011-01-22 11:06 @504
por explorer
Añade word-wrap: break-word; a las propiedades del estilo.

Aunque... tendrás que poner más opciones si quieres que sea compatible con más navegadores.

Re: Duda con CSS

NotaPublicado: 2011-01-22 12:30 @562
por BigBear
Gracias, explorer, acabo de probar el código en IE y anda, pero en Firefox 3.0.15 no anda y no encuentro referencia que me ayude en esa versión.
¿ Vos no conoces alguna forma ?

P.D. : acabo de probar con todo lo que vi en esta página: https://developer.mozilla.org/En/CSS/white-space y no me andó ninguna forma.

Re: Duda con CSS

NotaPublicado: 2011-01-22 12:36 @567
por explorer
¿El 3.0.15? Esa versión es muy vieja... yo tengo la 3.6.13 y funciona perfectamente.

Según leo, word-wrap: break-word; fue admitido por el CSS3, así que ya es un estándar. En ese enlace verás que los 5 principales navegadores ya lo soportan, así que lo que te toca es actualizar el navegador :)

Re: Duda con CSS

NotaPublicado: 2011-01-22 13:34 @607
por BigBear
Listo, como siempre, gracias explorer. Estoy usando ahora el Firefox 3.5.2 y sí que es rápido.