Cortar palabras largas con CSS

Enviado por Fabbianz el 07/04/2008 a las 15:21

En algunas ocasiones nuestros visitantes al hacer un comentario pueden escribir una palabra (raro, pero podría pasar, por ejemplo con código) o un enlace (que es mas común) del tipo http://fabbianz.com/blog.php?iralenlace.php/http:enlace.com/mi_enlace/aenlace_interminable_que_nos_lleva_a_una_pagina_cualquiera_de_muestra.html de manera que estropea nuestra plantilla.

Para que esto no suceda nos basta agregar a nuestra hoja de estilo

X {
overflow: hidden;
}

o

X {
overflow: auto;
}

*X es el sector al que necesitas agregarle la propiedad (p, div, #algo, .algo, etc...)

¿Por qué?

Porque la propiedad overflow sirve precisamente para eso; especificar al navegador como mostrar un texto que excede el espacio o tamaño de caja que le hemos asignado.

Los valores de esta propiedad pueden ser:

  • Visible: El navegador expandirá el tamaño del documento o caja hasta que se muestre todo el contenido.
  • Hidden: Ajustará el contenido al tamaño de caja asignado y lo que no quepa quedará oculto.
  • Scroll: Mostrará siempre las barras de scroll .
  • Auto: Mostrará barras de scroll si el contenido excede del tamaño especificado.

El uso de la primera alternativa o la segunda dependerá de nuestro criterio y plantilla. Si no te afecta que se vean las barras de Scroll, te recomiendo overflow:auto, pues obviamente podrás ver todo el contenido, pero si no quieres que se vean, no te preocupes que de igual manera puedes saber exactamente que es el contenido oculto, basta con que selecciones todo el texto y luego lo copies donde puedas verlo, es mas complicado. pero no molesta nuestro diseño.

La decisión es tuya... ¿Funcionalidad o diseño?

Saludos.

Fabbianz

Etiquetas:

Enviado por el 08/04/2008 a las 13:36
AcuariuZ

Wenas!...

que bkn que tengas ese maldito celular! jaja... yo ahora me estoy moviendo con un crédito para poder comprarlo, ojalá me resulte... ! 

 nos vemos!

 

 

-----------------
Daniel




Enviado por el 09/04/2008 a las 17:43
Fabbianz

Wenas!  

Ojala te resulte, pero podrias esperar un poco xq ya estan por salir los 3g!

Saludos y suerte! 

-----------------
Fabbianz








Suscribirse a los comentarios de este artículo en RSS

Visitando mi Bligoo! :D

En estos momentos hay 1 personas visitando "Fabbianz"

Contenidos por fecha

lun mar mié jue vie sáb dom
30 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 1 2 3

Artículos recientes

Comentarios recientes

Mi Flickr