Alguna sugerencia con css para Texto

Fabu_dina · #1 (**permalink**) 14/01/2012, 01:26

Lo que necesito hacer es recortar el texto justo sin cortar palabras para que entre una descripcion en una parte de la pagina es decir:

Supongamos que la descripcion de un articulo es:

"Nullamlacus dui ipsum cons eque loborttis non euis que morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque. "

y solo quiero que muestre

"Nullamlacus dui ipsum cons eque loborttis non euis..."

Esta informacion viene en un DB uso ASP pero no se si exista algo con css o tengo que hacerlo directo con ASP si alguien me puede dar una pista lo agardeceria mucho

Saludos

Fabu_dina · #2 (**permalink**) 14/01/2012, 01:59

Solucionado con lo siguiente:

Código ASP:

Ver originalprivate Function CortaCadena(cadena,maxlong)
  Dim oricadena
  oricadena = cadena
    If cadena <> "" Then
      if len(cadena) > maxlong then
        cadena = left(cadena,maxlong) & ".."
      End If
    Else
       exit function
    End If
  Dim newcadena
  newcadena = cadena
  CortaCadena = newcadena
End Function

Tedel · #3 (**permalink**) 14/01/2012, 02:04

80% seguro de que eso se hace con programación y no con CSS.

emprear · #4 (**permalink**) 14/01/2012, 11:58

Cita:

Iniciado por Tedel

80% seguro de que eso se hace con programación y no con CSS.

Yo le daría un poco más de chances ...
Con css podés usar la propiedad text-overflow con el valor ellipsis.
No sé si se adapte a lo que necesitas

Ejemplo

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"> 
 
div.test{
white-space:nowrap;
width:12em; 
overflow:hidden; 
border:1px solid #000000; 
text-overflow:ellipsis;
}
 
div.test:hover{
text-overflow:inherit;
overflow:visible;
white-space:normal;
}
</style>
</head>
<body>
 
<div class="test">
Lorem ipsum dolor sit amet,  consectetur adipiscing elit. Quisque ipsum tellus, vehicula eget luctus eu,  tristique sit
amet enim. Vestibulum condimentum dui in risus elementum consequat
</div>
<br />
</body>
</html>

Saludos

xFantaSx · #5 (**permalink**) 14/01/2012, 15:12

muy buena solucion emprear xD =D, y Tedel caíste en el márgen de error del 20%...jeje

Fabu_dina · #6 (**permalink**) 14/01/2012, 15:38

Excelente me funciono muchas gracias!!!!

Tedel · #7 (**permalink**) 14/01/2012, 23:18

¡oh! No sabía eso de elipsis... aprendí algo hoy. Muchas gracias.