Need different size <a hrefs> on same page. using CSS at the Mo' 2

[dirtystim]

Hello there PPL!
After the excellent help I got here the other day I am back! with another prob!

I use a linked CSS on my site that includes orders for 'a href' in it's various states, but at the bottom of each of my pages I have a line of text in a smaller font. The trouble is the link in this line of smaller text is still obeying the CSS instructions, when I need it to be the same size. I have tried using the 'span' tag with a '.class' but it doesn't work.
Please please help me as I'm at my wits end with this thing!

Here is an example page:

http://www.geocities.com/the_disavowed/wrongdeleteme.htm

If you look at the bottom of the page where it says
"Please view our copyright notices here"
that 'here' is what I need to be the same size. I REALLY appreciate any help you can give me!

Thank you . . .

d

 

[Boomerang]

Hi dirtystim,

You should erase <font size=&quot;-7&quot;> and </font>
that surround the <a> tag now, and your problem is solved,

Erik

 

[Boomerang]

hmm, I think my first post is not complete what you want, but I was close:

You should put the </font> before the <a>-tag instead of after the <a>-tag, like:

<font size=&quot;-7&quot;><br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Please view our Copyright notices </font><a href=&quot;#&quot; onclick=&quot;pop_up();&quot;>here</a>

Erik

 

[dianal]

As a rule of thimb:
If you use CSS, do not use nay <font> tags.

The ErikL suggestion is good, but if you want to have smaller letters, you willhave to define a regular .smaller class and one for a class of anchor with all 4 link, alink ...:

a.small:link { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #0000CC; text-decoration: none}
a.small:visited {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #0000CC; text-decoration: none }
a.small:active {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #0000CC; text-decoration: none }
a.small:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #666666; text-decoration: underline}

So the <a href=&quot;#&quot; class=&quot;smaller&quot; onclick=&quot;pop_up();&quot;>here</a>
will work without any problems.

May be there is another way of doing that, buddies here could share.

D.

 

[dianal]

I did a typo, sorry.
<a href=&quot;#&quot; class=&quot;small&quot; onclick=&quot;pop_up();&quot;>here</a>
will work.

 

[dirtystim]

Wow you guys rock!
I will implement this as soon as I get home!
I am totally in your debt guys, thank you so much!!!

I didn't even know I could do that .class stuff in CSS thank you soooo much!

Ok I am excited - but I can't tell you how much this has been p***ing me off! YAY!!!
Say Dianal and Erik, where can I see some of your work!

Thank you soooo much!!
[Mind if I have a beer? - I'll toast youse guys!! ]


d YAY!

 

[Boomerang]

Just give us a tipmaster vote (helpfull post)

Erik