PDA

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



eWish
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.

IanMarlowe
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?

ddadmin
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.

eWish
07-24-2005, 01:42 PM
ddadmin:

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

IanMarlowe:

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


Thanks
eWish

lightning_html
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;
}
//-->
</style>



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.

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