PDA

View Full Version : MouseOver Text


Ping
05-15-2003, 10:08 PM
I am looking for the scripts that can have icon shown next to a text link on rollover. It would be great if it works on the major browsers and platforms.

Your responses and comments are appreciate.

Thanks,
Ping

Vladdy
05-15-2003, 10:22 PM
Are you talking about having a picture with tooltip text or picture instead of tooltip text???
In any case, this code can do both and more...
www.klproductions.com/klToolTipsDemo.html

cheesebagpipe
05-15-2003, 10:24 PM
http://www.meyerweb.com/eric/css/edge/popups/demo2.html

Ping
05-15-2003, 10:50 PM
Thanks you for the reponse.
I don't think they are exactly what I am looking for

If you take a quick peek on the URL below and mouse over the left side links, that's the feature I am talking about.
http://www.rentonmarket.com/connections/connections.htm
However, I think the way the site shows doesn't work on relative position and on some NS versions.

Please help!!

Ping

Vladdy
05-15-2003, 11:06 PM
Do you mean the ">" sign showing up??? LOL
No need for javascript to do that:

a.myLink
{ display: block;
padding-left: 30px;
}

a.myLink:hover
{ background: url("image") no-repeat 0% 50%;
}

Don't know how this is accopmlished by the site you referenced, but it being yet another DW template spinoff, I'm sure it's done in the most inefficient way :D :D :D :thumbsup:

Ping
05-15-2003, 11:24 PM
Wow, it's what I am looking for.
Billion thanks.

Ping

Ping
05-15-2003, 11:33 PM
Hi
One more questions...
How can it work in relative position? For instance, if the links are centered in the browser.

Thanks,
Ping

Vladdy
05-16-2003, 12:10 AM
Should not matter how your links are positioned

Ping
05-16-2003, 12:13 AM
Yes. You are right. Thank you very much again for the big help.

Ping