How can I use a carriage return in a HTML tooltip?

html title tooltip
penderi picture penderi · Dec 11, 2008 · Viewed 315.5k times · Source

I'm currently adding verbose tooltips to our site, and I'd like (without having to resort to a whizz-bang jQuery plugin, I know there are many!) to use carriage returns to format the tooltip.

To add the tip I'm using the title attribute. I've looked around the usual sites and using the basic template of:

<a title='Tool?Tip?On?New?Line'>link with tip</a>

I've tried replacing the ? with:

  • <br />
  • &013; / &#13;
  • \r\n
  • Environment.NewLine (I'm using C#)

None of the above works. Is it possible?

Answer

Kornel picture Kornel · Dec 11, 2008

The latest specification allows line feed character, so a simple line break inside the attribute or entity &#10; (note that characters # and ; are required) are OK.

Related questions

Is it possible to enhance the default appearance of svg title tooltip

I would like to change the default appearance of tooltip in svg elements (title) by any means such as js or css. I even tried stuff like this: var title = document.createElementNS('http://www.w3.org/2000/svg','title'); title.textContent=…

Read More
How to get the title of HTML page with JavaScript?

How can I get the title of an HTML page with JavaScript?

Read More
Is it possible to hide the title from a link with CSS?

I have an anchor element with a title attribute. I want to hide the popup that appears when hovering over it in the browser window. In my case, it is not possible to do something like this, $("a").attr("title", ""); …

Read More