View Full Version : Link Decoration Deactivation


WiseWizards
09-25-2004, 08:40 PM
Dear Members:

I have placed a hover link decoration script on one of my pages, however, I wish for some links to not change when a user hovers over them. How can I do this? What script can I place within the links which I wish to stay the same on hover?

[SCRIPT PLACED IN HEADER]

<style type="text/css">
A:link {text-decoration:none; }
A:visited {text-decoration:none; }
A:hover{font-style:italic; }
</style>

Regards,
Wise WizardsŪ Website Design
Michael Naper Jr.
President & Chief Webmaster
President@WiseWizards.com

Rosey
09-25-2004, 09:07 PM
you mean you don't want your links to underline on hover?

A:hover{font-style:italic; text-decoration:none;}

WiseWizards
09-25-2004, 09:17 PM
you mean you don't want your links to underline on hover?

A:hover{font-style:italic; text-decoration:none;}
No, I mean I don't want some links to italicize when hovered over.

Rosey
09-25-2004, 09:28 PM
then just create a seperate class

a.whatever:hover { text-decoration:none; }

and on your link you can do this:

<A href="whatever.htm" class="whatever">click</a>

WiseWizards
09-26-2004, 01:34 AM
then just create a seperate class

a.whatever:hover { text-decoration:none; }

and on your link you can do this:

<A href="whatever.htm" class="whatever">click</a>
Thank you! That's exactly what I was looking for! :)

Regards,
Mike

myradios____ill
04-10-2005, 05:15 PM
How do you make the words get bigger and capitalized when you hover?

pb&j
04-10-2005, 05:37 PM
a:hover {font-size:50px; text-transform: uppercase;}

adjust value as you desire.