How can I use a carriage return in a HTML tooltip?
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; / \r\n-
Environment.NewLine(I'm using C#)
None of the above works. Is it possible?
The latest specification allows line feed character, so a simple line break inside the attribute or entity (note that characters # and ; are required) are OK.
It’s so simple you’ll kick yourself: just press Enter!
<a href="#" title='Tool
Tip
On
New
Line'>link with tip</a>Try character 10. It won't work in Firefox though. :(
The text is displayed (if at all) in a browser dependent manner. Small tooltips work on most browsers. Long tooltips and line breaking work in IE and Safari (use
or for a new newline). Firefox and Opera do not support newlines. Firefox does not support long tooltips.
http://modp.com/wiki/htmltitletooltips
Update:
As of January 2015 Firefox does support using to insert a line break in an HTML title attribute. See the snippet example below.
<a href="#" title="Line 1 Line 2 Line 3">Hover for multi-line title</a>Tested this in IE, Chrome, Safari, Firefox (latest versions 2012-11-27):
Works in all of them...