CSS Font Help

[tntcoder]

Hey guys,

Could someone help me with this, im not too special at CSS

My CSS section:

<style type="text/css">
.classn A:link {text-decoration: none; color: white; font-size: smaller; font-family: Verdana, sans-serif; font-weight: bold; }
.classn A:visited {text-decoration: none; color: white; font-size: smaller; font-family: Verdana, sans-serif; font-weight: bold; }
.classn A:hover {text-decoration: none; font-size: smaller; }
.classn {Font: 60%/100% Verdana, sans-serif; font-weight: bold; }
</style>

Ok, then i use it like this:

<span class="classn">
    <font color=F6B755 face=Verdana><b>Link1</b></font>
    <a href="l2.asp">Link2</a>
    <a href="l3.asp">Link3</a>
    <a href="l4.asp">Link4</a>
</span>

Now the problem is the Link1 text, is in a different/bigger sized font to the 3 links below it. I need them to all be in the same font/size, just the top one to be orange and not a link...

Im pretty sure the problem is with the 60%/100% but if i change this to font size smaller, then the size of the link text increases a lot

Any ideas?
Jack

 

[Mekrel]

I was always led to believe it's best to declare font sizes in pixels or em's being as each browser renders sizes, especially percentage - differently.

Why not try that?