View Full Version : Adding ">" to a link on mouseover

07-24-2005, 05:39 AM
I am wanting to add ">" to a link when on mouseover. Does anyone have any suggestions? I am not wanting to use an image.

Thanks for your help.

07-24-2005, 06:31 AM
I am wanting to add ">" to a link when on mouseover

where did you see a link like that?

07-24-2005, 08:54 AM
You should be able to use the following script: http://www.dynamicdrive.com/dynamicindex5/bulletlink.htm Just change the <img> tag to the desired text HTML instead.

07-24-2005, 01:42 PM

I thought about that as I laid in bed losing sleep. Thanks for your conformation.


I have not seen it anywhere...I guess....I just wanted to use it.


07-26-2005, 12:37 PM
I thought I'd let you know you can do that effect far easier with CSS and make your pages backward compatiable with older browsers too.

Try this approach:

Put this in your head tags:

<style type="text/css">

#linkid, #linkid:visited
// Make your link look like whatever here

#linkid i
visibility : hidden;

#linkid:hover i
visibility : visible;

in your body code:

<a href="#" id="linkid">Your link text <i> > </i></a>

(To get the ">" in your link you need to use the right ascii code as leaving the ">" above will make your page not validate.)

This approach is much easier to update and also its completely reusable throughout all of your webpages.

Hope this helps.

07-26-2005, 01:02 PM
Very true. Only one thing:
You can't (validly) reuse an ID - each one must be unique. You must use a CSS class here instead.
And the > is &gt; .