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.