|
|
Web Design
|
Multi Line Tooltips
This page is HTML 4.01 and the specification for HTML 4.01 does not not address how to do linebreaks inside the title attribute. The specification on XHTML simply says "Avoid line breaks and multiple white space characters within attribute values" which is of course not a satisfactory answer for those who need them. The HTML 5 specification draft suggests the following:
If the title attribute's value contains U+000A LINE FEED (LF) characters, the content is split into multiple lines. Each U+000A LINE FEED (LF) character represents a line break.
This HTML 4.01 page will demonstrate the results of various approaches.
Using a linefeed character 10 as suggested above: Hover to test
| Internet Explorer 7, Win2003: | OK |
| Mozilla SeaMonkey 1.1.10, Win2003: | OK |
| Mozilla SeaMonkey 1.1.10, Linux: | OK |
| Mozilla Firefox 2.0.0.16, Linux: | Displayed as space |
| Opera 9.50, Win2003: | Not displayed |
| Opera 9.51, Linux: | Not displayed |
| Konqueror KDE 3.5.9, Linux: | OK |
Using a linebreak notated as "
": Hover to test
| Internet Explorer 7, Win2003: | OK |
| Mozilla SeaMonkey 1.1.10, Win2003: | OK |
| Mozilla SeaMonkey 1.1.10, Linux: | OK |
| Mozilla Firefox 2.0.0.16, Linux: | Displayed as space |
| Opera 9.50, Win2003: | Not displayed |
| Opera 9.51, Linux: | Not displayed |
| Konqueror KDE 3.5.9, Linux: | OK |
Using a charriage return character 13: Hover to test
| Internet Explorer 7, Win2003: | OK |
| Mozilla SeaMonkey 1.1.10, Win2003: | Not displayed |
| Mozilla SeaMonkey 1.1.10, Linux: | Not displayed |
| Mozilla Firefox 2.0.0.16, Linux: | Displayed as space |
| Opera 9.50, Win2003: | Displayed as space |
| Opera 9.51, Linux: | Displayed as space |
| Konqueror KDE 3.5.9, Linux: | OK, but with additional space to the right |
Using the unicode newline "
": Hover to test
| Internet Explorer 7, Win2003: | Displayed as  (chinese for "book cover") |
| Mozilla SeaMonkey 1.1.10, Win2003: | Displayed as ? |
| Mozilla SeaMonkey 1.1.10, Linux: | Displayed as space |
| Mozilla Firefox 2.0.0.16, Linux: | Displayed as space |
| Opera 9.50, Win2003: | Displayed as (chinese for "book cover") |
| Opera 9.51, Linux: | Not displayed |
| Konqueror KDE 3.5.9, Linux: | OK, but with additional space to the right |
Website by Joachim Michaelis
|
|
|
|
