One for the real experts

[Richard]

http://porjes.com/brucie-tooltip-thingy.html

Considering brucie's css tooltip design.
I like the idea for using such a thing on my gallery, however, the tooltip
displays only in the division where it was generated.
Is there an available method to show it elsewhere?
Such as in the main large image viewing area so that the tooltip does not
cover the image?

[the_ainbinders]

Richard wrote:

http://porjes.com/brucie-tooltip-thingy.html

Considering brucie's css tooltip design.
I like the idea for using such a thing on my gallery, however, the tooltip displays only in the division where it was generated.
Is there an available method to show it elsewhere?
Such as in the main large image viewing area so that the tooltip does not cover the image?

Well, it doesn't work the same in Firefox as it does in IE. In Mozilla
the tooltips appear at the far left...way out of context in some
instances.

[Mike Schneider]

>> Richard wrote:

Is there an available method to show it elsewhere?

Check out overlib at http://www.bosrup.com/web/overlib/
It's a Javascript library for that kind of purpose and should work in
Firefox and IE.

Mike

[Gus Richter]

Richard wrote:

http://porjes.com/brucie-tooltip-thingy.html

Considering brucie's css tooltip design.
I like the idea for using such a thing on my gallery, however, the tooltip
displays only in the division where it was generated.
Is there an available method to show it elsewhere?
Such as in the main large image viewing area so that the tooltip does not
cover the image?

The positioning of the hovered over span is absolute, but without any
actual positioning (top/left), so all the popups are displayed 0,0 the
next line down from where they are in Moz/Opera and at the top of that
line to the right in IE.

To position all the popups at one specific set of coordinates on the
page for all browsers, add the top/left to this line:
position:absolute; top:##px; left:##px;

If you wish to position the popups each at different coordinates, then
give each span a different id and include in the stylesheet a line for
each id with its own coordinates instead:
#special1 span {top:10px;left:400px;}
#special2 span {top:50px;left:300px;}
.....

--
Gus

[Ian Hobson]

In message <11**********************@z14g2000cwz.googlegroups .com>,
"th************@nospam.yahoo.com" <th************@yahoo.com> writes

Richard wrote:

http://porjes.com/brucie-tooltip-thingy.html

Considering brucie's css tooltip design.
I like the idea for using such a thing on my gallery, however, the

tooltip

displays only in the division where it was generated.
Is there an available method to show it elsewhere?
Such as in the main large image viewing area so that the tooltip does

not

cover the image?

Well, it doesn't work the same in Firefox as it does in IE. In Mozilla
the tooltips appear at the far left...way out of context in some
instances.

If you change the a:hover span {display: to be inline, and not block, it
works the same in both IE 6 for Windows and Firefox for windows.

Regards

Ian
--
Ian - posting to a Newsgroup. Please remove everything to reply.

[Gus Richter]

Ian Hobson wrote:

In message <11**********************@z14g2000cwz.googlegroups .com>,
"th************@nospam.yahoo.com" <th************@yahoo.com> writes

Richard wrote:

http://porjes.com/brucie-tooltip-thingy.html

Considering brucie's css tooltip design.
I like the idea for using such a thing on my gallery, however, the

tooltip

displays only in the division where it was generated.
Is there an available method to show it elsewhere?
Such as in the main large image viewing area so that the tooltip does

not

cover the image?

Well, it doesn't work the same in Firefox as it does in IE. In Mozilla
the tooltips appear at the far left...way out of context in some
instances.

If you change the a:hover span {display: to be inline, and not block, it
works the same in both IE 6 for Windows and Firefox for windows.

Very good. I had deleted display:block; thinking that it would use the
initial value of inline and thereafter dismissed it. Obviously it
applied display:none; according to the rule of the Cascade.

So here is a question I have:
When no display declaration is used, how, in this example, does the
Cascade apply display:none; ?

--
Gus