"Richard" <Anonymous@127.001> wrote:
>First, please do not mention eric meyer's site.
>I've seen it and his method does not work in IE.
If you're talking about this one:
http://www.meyerweb.com/eric/css/edge/popups/demo.html
then it does work in IE.
The one thing that Eric Meyer doesn't mention is that unless you have
some properties in the a:hover {} styles then the a:hover span {}
styles which make the caption visible won't be applied in IE.
>What I'm looking at doing is a css style thing for when JS has been turned
>off.
See above. Remember that as IE only supports :hover for <a> elements
then those are the only elements you can add CSS 'tooltips' to.
>All the other sites I saw just say stuff about using the span title trick.
>Ok. I can live with that. But what I want to know is, how do you add a new
>line to the title?
title="first line
second line"
Works in some browsers.
>Or style it so that it shows in a specific block size even?
Not possible. The title tooltip is an Operating Stystem component and
hence out of a web page author's control.
>It should be doable.
>I just need to see how it's done.
>Which also works in IE.
a {position: relative;}
a:hover { color: #000; } /* some style needed here for IE */
a span {display: none;}
a:hover span {display: block; text-decoration: none; color: #000;
position: absolute; top: 0.5em; left: 1em; width: 6em;
padding: 0.25em; z-index: 100; border: 1px solid red; background:
yellow none; }
<a href="">link text <span>tooltip text<br>on two lines</span></a> |
<a href="">second link<span>tooltip for second link</span></a> |
<a href="">another link<span>tooltip text<br>on two lines</span></a> |
<a href="">link text <span>tooltip text<br>on two lines</span></a>
Works in IE, Opera and Gecko. Degradation in non-CSS browsers is a bit
messy but that cam be helped with some extra work. The captions
completely fail to appear in Netscape 4 (but so would titles).
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <> <http://steve.pugh.net/>