Tooltips? on page.

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
What phrase would I search for to find out how to implement the fancy
"tooltip-like" popunders that can be used on a web page to give a textual
explanation of a hovered area or word on the page?
Is there any significant issues or disadvantage to using them?
Brian Tozer

Re: Tooltips? on page.

Quoted text here. Click to load it

Quoted text here. Click to load it

They won't display in NS4. If they are too long, Mozilla won't display
the whole thing. They don't stay on screen very long, making them hard
to read unless they are very short anyway.

If you want to create your own, you'll have to resort to javascript
(with the usual caveats), or look into the :hover pseudo-class and the
display property in CSS (but the CSS version won't work in IE). A
combination of the 2 may be possible.

Mark Parnell

Re: Tooltips? on page.

On Fri, 25 Feb 2005 18:23:01 +1300 KiwiBrian wrote:

Quoted text here. Click to load it
Go to css examples then check out "brucie's tooltip".
Do not use with images though.
Check out their various scripts for tooltips.

Just search for "javascript tooltips" or "css tooltips".

Re: Tooltips? on page.

KiwiBrian wrote:

Quoted text here. Click to load it


abbr, acronym, .help {
  border-bottom: 1px dotted #444; /* differs from link underline */
  cursor: help; /* helps make it plain this is not a link */
Markup uses title as popup text:

<acronym title="Explain With Popup">

<span class="help" title="Popup help text">
explan me</span>

( See
for more examples and more complete explanation.
These things can indeed be very useful.)
mbstevens (has more examples)

Re: Tooltips? on page. im experimenting with them


Quoted text here. Click to load it

Re: Tooltips? on page.

Thanks everyone for some great replies.
Better than I had hoped for.
Brian Tozer

Site Timeline