Foros del Web » Creando para Internet » HTML »

tooltip en varias líneas

Estas en el tema de tooltip en varias líneas en el foro de HTML en Foros del Web. Hola a todos! Tengo que ponerle tooltips a las celdas de una columna de una tabla. Lo estoy haciendo poniendo a la celda el atributo ...
  #1 (permalink)  
Antiguo 27/05/2009, 06:19
 
Fecha de Ingreso: julio-2008
Mensajes: 62
Antigüedad: 9 años, 4 meses
Puntos: 0
tooltip en varias líneas

Hola a todos!
Tengo que ponerle tooltips a las celdas de una columna de una tabla.
Lo estoy haciendo poniendo a la celda el atributo title <td title="....">
Mi problema es que el texto del tooltip no es fijo, puede crecer mucho, hasta 1000 caracteres, y como se muestra en una sola línea cuando es muy largo (cuando supera los 91 caracteres) me salen puntos suspensivos. Yo necesito que se vea todo el contenido. ¿Sabe alguien cómo hacer que el texto del tooltip salga en varias líneas en lugar de en una sola? Si hay otra manera de hacerlo que no sea con el atributo title también agradecería que me lo comentarais. Acepto todas las sugerencias. Muchas gracias!!

Última edición por jessifb88; 27/05/2009 a las 06:41
  #2 (permalink)  
Antiguo 27/05/2009, 06:25
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: tooltip en varias líneas

Mírate este site, hay cosas muy interesantes, todas son respetando estándares.

Te aconsejo firmemente que NUNCA diseñes con tablas y aprendas a hacerlo con css y HTML
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 27/05/2009, 07:57
 
Fecha de Ingreso: julio-2008
Mensajes: 62
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: tooltip en varias líneas

Gracias por tu ayuda. He ido a la página pero no como no había explicaciones he seguido buscando y la solución a mi problema ha sido esta otra página que explica paso por paso cómo hacerlo:
http://www.communitymx.com/content/a...ge=1&cid=4E2C0
Espero que le pueda servir a alguien en el futuro tb.
  #4 (permalink)  
Antiguo 27/05/2009, 08:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: tooltip en varias líneas

Hola:

Me extraña que Mikel no tenga nada al respecto, pero de todos mosdos se puede insertar saltos de línea en los atributos title con el respectivo escape "\n"

Edito: hades87: Una tabla es el elemento más adecuado para mostrar datos con estructura tabular, Hay muchas cosas realmente absurdas por evitar el uso de tablas, cuando una tabla es lo más correcto semánticamente... (entiendo tu consejo, pero no creo que debas ser tan radical en la afirmación)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 27/05/2009, 12:41
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: tooltip en varias líneas

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Edito: hades87: Una tabla es el elemento más adecuado para mostrar datos con estructura tabular, Hay muchas cosas realmente absurdas por evitar el uso de tablas, cuando una tabla es lo más correcto semánticamente... (entiendo tu consejo, pero no creo que debas ser tan radical en la afirmación)
Si quizás me desfasé un poco y no especifique en todos los casos, para otra vez lo tendré mas en cuenta, pero es que no soporto la gente que hace webs enteras con tablas.

Gracias por el consejo :)
__________________
No diseñes usando tablas.
  #6 (permalink)  
Antiguo 28/05/2009, 02:34
 
Fecha de Ingreso: julio-2008
Mensajes: 62
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: tooltip en varias líneas

En realidad conseguí lo que qeuría, que me salga en varías lineas, pero el problema es que cada vez que encuentra un espacio se salta de línea aunque le ponga con css el estilo display: inline.
No se mucho de css la verdad. Os dejo mi código a ver si podeis ayudarme:
<td>
<a href="#" class="tooltipPAA">
<xsl:apply-templates select="control_web/*" />
<span class="tooltipPAA">
<xsl:value-of select="control_web/objetoNumAsig/@nom"/>
</span>
</a>
</td>
y el css:
a.tooltipPAA{position: relative;}
a span.tooltipPAA{display: none;}
a:hover span.tooltipPAA{
position: absolute;
top: 5px;
left: 30px;
display: inline;
background: #FFFFFF;
border: 1px solid black;
color: black;
padding-left: 3px;
padding-right: 3px;
overflow: visible;
}
¿sabe alguien cómo hacer para que en función de la longitud de la cadena se pinte en una línea o en varias sin tener que poner una anchura fija?
He probado a poner width:auto pero me sigue saltando en cada espacio y si pongo width: 100px por ejemplo si la cadena es más pequeña se ve muy feo porque tiene un borde el tooltip este que me he fabricado.
  #7 (permalink)  
Antiguo 28/05/2009, 06:01
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: tooltip en varias líneas

¡Mira que esconde bien las cosas Mikmoro!

Este es ejemplo:
http://araudi.net/ejemplos/tooltipCSS.html

Y si quieres que aparezca en varias líneas, a su ejemplo sólo tienes que incluir, como te dice Caricatos "\n" y suprimir la anchura de ".title span"

Por cierto, el código necesario está en la misma página.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:01.