Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Text popup over any word/item/hyperlink

0 views
Skip to first unread message

jodleren

unread,
Nov 18, 2009, 11:13:31 AM11/18/09
to
Hi all

I looked around, and can only find items for poping up images.
I want to have a text over a link, the when the mouse is over a link
(and later any text). Link the "alt" over a image (which btw does not
appear in Firefox)

WBR
Sonnich

jodleren

unread,
Nov 18, 2009, 1:09:01 PM11/18/09
to

I found a script by Thomas Brattli, which needed some heavy update,
but it works.

It would probably be too lonk to add here :) My test in total is 119
lines.

WBR
Sonnich

Message has been deleted

lcplben

unread,
Nov 18, 2009, 2:00:54 PM11/18/09
to

Have you tried to give the link element a title? As in:

<a href="http://www.nowhere.com" title="link to nowhere">nowhere!</a>

That usually works for me.

Do the same for images, of course also preserving the "alt", and
Firefox
will show that title.

HTH

-- ben

SAM

unread,
Nov 19, 2009, 8:14:16 PM11/19/09
to
Le 11/18/09 7:09 PM, jodleren a �crit :

> On Nov 18, 6:13 pm, jodleren <sonn...@hot.ee> wrote:
>> Hi all
>>
>> I looked around, and can only find items for poping up images.
>> I want to have a text over a link, the when the mouse is over a link
>> (and later any text). Link the "alt" over a image (which btw does not
>> appear in Firefox)

empty the alt attribute or use it for what it is
and use instead the attribute title

<a href="p1.htm"><img src="1.jpg"
alt="menu 1" title="Go to page #1"></a>


> I found a script by Thomas Brattli, which needed some heavy update,
> but it works.

A very simple example (whithout JavaScript !) :

<style type="text/css">
.bull_info { text-decoration: none; position: relative }
.bull_info span { position: absolute; top:.1em; left:2em;
color: blue; background: #ffc; padding: 5px; border: 1px solid;
display: none }
.bull_info:hover span { display: block; z-index: +1; }
</style>

<a href="#" class="bull_info"><img src="1.jpg" alt=""><span>Some
info</span></a>

> It would probably be too lonk to add here :) My test in total is 119
> lines.

Ask google about "tool tip"

see :
<http://www.walterzorn.com/tooltip/tooltip_e.htm>

--
sm

Bart Van der Donck

unread,
Nov 22, 2009, 3:11:14 AM11/22/09
to
jodleren wrote:

"Don't seek answers, seek better questions"
(Jan Hautekiet)

--
Bart

0 new messages