tooltip en varias líneas

[jessifb88]

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!!

[hades87]

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

[jessifb88]

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.

[caricatos]

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

[hades87]

Iniciado por caricatos

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 :)

[jessifb88]

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.

[kseso?]

¡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