Tooltips: SPAN title and new lines? 2

srudin · Sep 5, 2003

hi

i usually make tooltips like this:

<SPAN title="Tooltip">some text</SPAN>

that works fine; but now i got a tooltip where i would like to insert a new line, for example:

<SPAN title="Tooltip1<BR>Tooltip2">some text</SPAN>

Unfortunately that doesn't work, since Tags are not accepted inside another tags property... is there an easy solution for this?

any help appreciated

Wullie · Sep 5, 2003

Hi mate,

Press enter where you want the line break.

<SPAN title="Tooltip1
Tooltip2">some text</SPAN>

Hope this helps

Wullie

http://www.necomputers.org.uk

http://www.freshlookdesign.co.uk

http://www.freshlookdesign.com

http://www.whiland.co.uk

The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell

srudin · Sep 5, 2003

))
it does

i din't even thought of checking this since it usually doesn't has any effect...

thanx

EdwardMartinIII · Sep 5, 2003

This might be a little neater:

Code:

<!DOCTYPE html 
     PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;
     &quot;[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>[/URL]

<html xmlns=&quot;[URL unfurl="true"]http://www.w3.org/1999/xhtml&quot;[/URL] xml:lang=&quot;en&quot; lang=&quot;en&quot;>
  <head>
    <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;></meta>
    <title>JavaScript Sample</title>
  </head>
  <body>
    <span title=&quot;toasted&amp;#013fish&amp;#013on&amp;#013bread&amp;#013-----&amp;#013whiskey&amp;#013-----&amp;#013otter pops&quot;><p>Hover over me for today's menu.</p></span>
  </body>
</html>

Cheers,

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

Wullie · Sep 5, 2003

Edward,

Can you really get any neater than something you can't see by adding code? [wink]

Wullie

http://www.necomputers.org.uk

http://www.freshlookdesign.co.uk

http://www.freshlookdesign.com

http://www.whiland.co.uk

The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell

EdwardMartinIII · Sep 8, 2003

Well...

Sure, I replaced the line breaks with an actual linefeed character entity, which is 4 characters more per desired line break.

Maybe it's a style/personal thing. Using line breaks just seems kinda hackish to me, like taking advantage of a browser flaw or something. Character entities seems like the generic tool and this is just one implementation of them.

But whatever works, too. [smile]

Cheers,

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

clarkin · Sep 8, 2003

Check out this page:

http://www.petesguide.com/WebStandards/tests/tooltips.html

Worth looking at with a couple of browsers to see the difference - I checked with IE6 and NN7 on W2K.

The deal with line breaks in tooltips (using title="" attribute) is that according to the HTML standard a line break should count as a space - in fact ANY amount of consecutive spaces, tabs, and line breaks count as exactly ONE space. You've seen this behaviour in normal HTML markup:
[tt]<input *
type="...[/tt] (note * = line break)
is the same as:
[tt]<input type="...[/tt]
It should work the exact same way for title="" tooltip text. So IE is incorrectly showing a line break in the tooltip text.

Conclusion: It may work now (in IE), but it isn't guaranteed to continue working in the future.
(if the next version of IE suddenly became standards-compliant ..

)

Other reading:

http://www.cs.tut.fi/~jkorpela/forms/imagebutton.html#tooltips

and

http://www.cs.tut.fi/~jkorpela/html/alt.html#length

Posting code? Wrap it with code tags: [ignore]

Code:

[/ignore][code]CodeHere

[ignore][/code][/ignore].

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Tooltips: SPAN title and new lines? 2

srudin

Programmer

Wullie

Programmer

srudin

Programmer

EdwardMartinIII

Technical User

Wullie

Programmer

EdwardMartinIII

Technical User

clarkin

Programmer

Similar threads

Part and Inventory Search

Sponsor