elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  libreria dotdotdot para ellipsis		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: libreria dotdotdot para ellipsis  (Leído 2,670 veces)
OssoH


Desconectado Desconectado

Mensajes: 911


Ver Perfil
libreria dotdotdot para ellipsis
« en: 13 Agosto 2013, 13:36 pm »
¿alguien ha utlizado la libreria dotdodot?  http://dotdotdot.frebsite.nl/

Lo que quisiera es conseguir que el texto dentro de la caja quede centrado verticalmente y usando vertical-align:middle;  no hay forma. Ignora ese CSS.

Si usara display: table-cell;    vertical-align: middle;  entonces si lo alinea verticamente pero pierdo la opción que si no entra el texto dentro de la caja no me ponga los puntos suspensivos (...)

En cambio la alineación horizontal si funciona text-align:center;

¿Algún experto que sepa como conseguir?
Gracias!!!
« Última modificación: 13 Agosto 2013, 13:46 pm por OssoH » En línea
OssoH


Desconectado Desconectado

Mensajes: 911


Ver Perfil
Re: libreria dotdotdot para ellipsis
« Respuesta #1 en: 13 Agosto 2013, 17:49 pm »
He intentado usar como alternativa la libreria jquery jquery.ellipsis.js  sin éxito!!.
En línea
basickdagger


Desconectado Desconectado

Mensajes: 650


System.out.println("this is weird as fuck");


Ver Perfil
Re: libreria dotdotdot para ellipsis
« Respuesta #2 en: 13 Agosto 2013, 17:56 pm »
Cita de: OssoH en 13 Agosto 2013, 17:49 pm
He intentado usar como alternativa la libreria jquery jquery.ellipsis.js  sin éxito!!.



mm bueno nunca eh usado esa librería pero lo que se me ocurre es q utilices padding-top, para generar un margen arriba... yo cuando tengo mucho texto suelo colocarle al div contenedor un min-height y overflow para q este crezca, pero es lo que se me ocurre saludos.. y voy a ver si pruebo la librería que se ve bien.. saludos...
En línea
OssoH


Desconectado Desconectado

Mensajes: 911


Ver Perfil
Re: libreria dotdotdot para ellipsis
« Respuesta #3 en: 13 Agosto 2013, 18:08 pm »
Eso ya lo he hecho sin exito tampoco.
Yo tengo una caja (div) de texto con ancho y alto fijo.
El texto dentro de la caja debe ir centrado tanto verticalmente como horizontalmente. En el caso que el texto exceda la caja entonces es donde se aplica ellipsis cortando el texto por donde corresponda y agregandole al final tres puntos suspensivos.
Mi problema es que no hay forma de centrarlo verticalmente. :(
En línea
basickdagger


Desconectado Desconectado

Mensajes: 650


System.out.println("this is weird as fuck");


Ver Perfil
Re: libreria dotdotdot para ellipsis
« Respuesta #4 en: 13 Agosto 2013, 18:14 pm »
Cita de: OssoH en 13 Agosto 2013, 18:08 pm
Eso ya lo he hecho sin exito tampoco.
Yo tengo una caja (div) de texto con ancho y alto fijo.
El texto dentro de la caja debe ir centrado tanto verticalmente como horizontalmente. En el caso que el texto exceda la caja entonces es donde se aplica ellipsis cortando el texto por donde corresponda y agregandole al final tres puntos suspensivos.
Mi problema es que no hay forma de centrarlo verticalmente. :(

ya probaste metiendo el texto a una tabla y esta tabla aplicarle el vertical-align: middle;  tengo entendido q a un texto no se le puede meter margin-top o bottom, por lo que es otra cosa q te puede funcionar...
En línea
OssoH


Desconectado Desconectado

Mensajes: 911


Ver Perfil
Re: libreria dotdotdot para ellipsis
« Respuesta #5 en: 13 Agosto 2013, 18:23 pm »
La idea para agilizar el proceso de carga es hacer uso de div en vez de tablas.
Si no tengo más remedio es lo que haré pero me gustaría dejarlo como última alternativa.
Gracias
En línea
OssoH


Desconectado Desconectado

Mensajes: 911


Ver Perfil
Re: libreria dotdotdot para ellipsis
« Respuesta #6 en: 13 Agosto 2013, 18:59 pm »
He encontrado la solución. Igual hay otra forma más fácil de hacerlo o no es del todo correcto. Si alguien se le ocurre mejorarlo que lo exponga. Gracias.

Código:
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
		<title>dotdotdot, advanced cross-browser ellipsis for multiple line content.</title>

 		<script type="text/javascript" language="javascript" src="jquery-1.8.3.min.js"></script>
		<script type="text/javascript" language="javascript" src="jquery.dotdotdot.min.js"></script>
		<script type="text/javascript" language="javascript">
			$(function() {
				$('#dot1_x').dotdotdot();
			});
		</script>
	</head>
	<body>

<style type="text/css" media="all">
.box1 {
	background-color:#EEFFEE; 
    border:1px solid #CCCCCC;
    height: 160px;
    padding: 10px 20px 10px;  /* arriba, izquierda-derecha, abajo */
    width:300px;
    word-wrap: break-word;	
}
.box1_interior {
	height:160px; 
	display:table-cell; 
	vertical-align:middle;
	background-color:red;
}

</style>

<div id="dot1_x" class="box1">
      <div class="box1_interior">                    
Lorem Ipsum is sintially unchanged  is sintiallpsum is sintially unch Ipsum is sintialunchangedLor
      </div>
</div>

	</body>
</html>
En línea
#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.850



Ver Perfil WWW
Re: libreria dotdotdot para ellipsis
« Respuesta #7 en: 14 Agosto 2013, 08:43 am »
Si fueras a mostrar una sola linea del texto entero, con definir line-height con el mismo valor que height te bastaba.

Código
  1. <style type="text/css" media="all">
  2. .box1 {
  3.   background-color:#EEFFEE;
  4.   border:1px solid #CCCCCC;
  5.   text-align:center;
  6.   padding: 10px 20px 10px;  /* arriba, izquierda-derecha, abajo */
  7.   width:300px;
  8.   height:160px;
  9.   line-height:160px;
  10. }
  12.  
  13. <div id="dot1_x" class="box1">
  14.   Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  15.   Odit, placeat officiis nemo illum possimus quisquam incidunt vitae sint dolore libero.
  16.   Hic, illo unde perspiciatis eum delectus obcaecati rem eius numquam!
  17. </div>

Y te lo centraría tanto vertical como horizontalmente pero si se tratan de mas lineas, tu solución esta bastante bien.

Saludos
En línea
OssoH


Desconectado Desconectado

Mensajes: 911


Ver Perfil
Re: libreria dotdotdot para ellipsis
« Respuesta #8 en: 14 Agosto 2013, 09:12 am »
En mi caso son varias líneas.
Gracias por la observación.
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
que libreria uso para el api del msn
Programación Visual Basic 		pana88 2 1,616 Último mensaje 6 Febrero 2008, 23:20 pm
por pana88
Libreria c++ para red
Programación C/C++ 		darkvidhack 2 6,703 Último mensaje 7 Agosto 2011, 18:42 pm
por bash
libreria de voz para C?
Programación C/C++ 		dutz 1 2,057 Último mensaje 28 Julio 2012, 23:40 pm
por Queta
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines