How do I make the links grow slightly when the mouse pointer is put over it?

See threads:
http://www.lissaexplains.com/forum/search.php?action=showresults&searchid=59759&sortby=lastpost&sortorder=descending

A cool little link I saw one day is this...(I got it from some anti-avril site, and I forget the link)

<style type="text/css">
<!--

A:link
{ text-decoration: none; color:#FFFFFF}
A:visited
{ text-decoration: none; color:#FFFFFF }
A:active
{text-decoration: none; color:#FFFFFF}
A:hover
{color: #FFFFFF; font-variant: small-caps; font-weight: bold}
</style>

That makes the link white, and it stays white if you put your mouse over it, but the font gets Bold and largecaps. I hope that helped! (If you want to see the example, you'll have to go here (http://www.recroommagazine.com/articles/avril.htm) . You'll see if you click on the links, they do that cool little thing)

I know that that HTML code changes ALL of the links, but is there any way to have it so that only certain links have that special feature? I have tried loads of things but nothing works!! Help!

<style type="text/css">
<!--

.link A:link
{ text-decoration: none; color:#FFFFFF}
.link A:visited
{ text-decoration: none; color:#FFFFFF }
.link A:active
{text-decoration: none; color:#FFFFFF}
.link A:hover
{color: #FFFFFF; font-variant: small-caps; font-weight: bold}
</style>

then add class="link" into your link that should work

all the links that have class="link" in it will have that effect.
You can still add a normal A:link codes that are for the normal body stuff, just add them like this:

<style type="text/css">
<!--
.link A:link
{ text-decoration: none; color:#FFFFFF}
.link A:visited
{ text-decoration: none; color:#FFFFFF }
.link A:active
{text-decoration: none; color:#FFFFFF}
.link A:hover
{color: #FFFFFF; font-variant: small-caps; font-weight: bold}

A:link
{ text-decoration: none; color:#FFFFFF}
A:visited
{ text-decoration: none; color:#FFFFFF }
A:active
{text-decoration: none; color:#FFFFFF}
A:hover
{color: #FFFFFF; font-variant: small-caps; font-weight: bold}
</style>

the first part is for the special links, the second part will change the normal links.

Love,
Mirna

Where abouts do I put the class="link" bit??

If you go to my site, on the bottom of each page there are 3 links in a rwo. I only want them to be fancy. How would I do it?

http://www.chrisbpage.ohgo.com

<a href="#" class="link">CLICK</a>

Your page comes up as a dead link ;)

I tried the hover thing, and i wanted it to change size. Here is what the html code is:-

<STYLE type="text/css">
<!--
A:link{color:"Maroon";text-decoration:underline}
A:visited{color:"Maroon";text-decoration:underline}
A:active{color:"Maroon";text-decoration:underline}
A:hover{color:"Maroon";font-size:20 }
--></STYLE>

Why doesn't it work??