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!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Tooltips: SPAN title and new lines? 2

Status
Not open for further replies.
srudin

srudin

Programmer
Jan 1, 2002
32
CH
hi

i usually make tooltips like this:

<SPAN title=&quot;Tooltip&quot;>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=&quot;Tooltip1<BR>Tooltip2&quot;>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
 
Sort by date Sort by votes
Upvote 0 Downvote
:)))
it does

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

thanx
 
Upvote 0 Downvote
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,


[monkey] Edward [monkey]

&quot;Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!&quot; -- inventor of the cat door
 
Upvote 0 Downvote
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,


[monkey] Edward [monkey]

&quot;Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!&quot; -- inventor of the cat door
 
Upvote 0 Downvote
Check out this page:

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=&quot;&quot; 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=&quot;...[/tt] (note * = line break)
is the same as:
[tt]<input type=&quot;...[/tt]
It should work the exact same way for title=&quot;&quot; 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 .. :p)

Other reading:
and

Posting code? Wrap it with code tags: [ignore]
Code: 
[/ignore][code]CodeHere
[ignore][/code][/ignore].
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
411
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
112
lmcate
lmcate
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
310
PeDa
PeDa
pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
90
pendle666
pendle666
lupidol
  • Locked
  • Question
Table's title row's rounded corners border 1
Replies
2
Views
101
lupidol
lupidol

Part and Inventory Search

Sponsor

Back
Top