funciones - html etiquetas

nueva línea en<td title="">

Question

Posible duplicado:
¿Cómo puedo usar un retorno de carro en una información sobre herramientas HTML?

Me gustaría saber si es posible forzar que se muestre una línea nueva en la información sobre herramientas cuando se usa la propiedad de título de un TD. algo como

<td title="lineone /n linetwo /n etc...">

Se puede hacer esto?

Answer 1

El complemento jquery colortip también admite etiquetas <br> en el atributo de título, es posible que desee buscar en ese.

Answer 2

El lenguaje de marcado extensible (XML) 1.1 Recomendación del W3C dice

«Todos los saltos de línea DEBEN haberse normalizado en la entrada de #xA como se describe en 2.11 Manejo de fin de línea, por lo que el resto de este algoritmo opera en el texto normalizado de esta manera. »

El enlace es http://www.w3.org/TR/2006/REC-xml11-20060816/#AVNormalize

Entonces puedes escribir:

<td title="lineone &#xA; linetwo &#xA; etc...">

Answer 3

Esto debería estar bien, pero es específico de Internet Explorer:

<td title="lineone
linetwo
etc...">

Como han mencionado otros, la única otra forma es utilizar una información sobre herramientas basada en HTML + JavaScript si solo está interesado en la información sobre herramientas. Si esto es para accesibilidad, entonces probablemente deba apegarse a solo líneas para mantener la consistencia.

Answer 4

Esto debería funcionar ahora con Internet Explorer, Firefox v12 + y Chrome 28+

<img src="''../images/foo.gif''"
alt="line 1&#013;line 2" title="line 1&#013;line 2">

Pruebe una biblioteca de información sobre herramientas de JavaScript para obtener un mejor resultado, algo así como OverLib .

Answer 5

Si está buscando colocar saltos de línea en la información sobre herramientas que aparece al pasar el mouse, no existe una forma fiable de usar el navegador cruzado para hacer eso. Tendría que recurrir a uno de los muchos ejemplos de código de información de Javascript

Answer 6

Una forma de lograr un efecto similar sería a través de CSS:

<td>Cell content.
<div class="popup">
This is the popup.
<br>
Another line of popup.
</div>
</td>

Y luego usa lo siguiente en CSS:

td div.popup { display: none; }
td:hover div.popup { display: block; position: absolute; }

Deberá agregar algunos bordes y fondo para hacer que la ventana emergente se vea decente, pero esto debería dibujar la idea. Sin embargo, tiene algunos inconvenientes, por ejemplo, la ventana emergente no está posicionada en relación con el mouse sino con respecto a la celda que lo contiene.

Answer 7

Usando 
 no funcionó en mi aplicación de fb Sin embargo, esto lo hizo, maravillosamente (en Chrome FF e IE):

<img src="''../images/foo.gif''" title="line 1&lt;br&gt;line 2">

Answer 8

Usando 
 Funciona en Chrome para crear líneas separadas en una información sobre herramientas.

Answer 9

Utilizo el plugin jQuery clueTip para esto.