Link class size wierdness!

[Joshua Clinard]

I have a p class that has smaller text than a regular paragraph. There is a link in there which I cannot get to inherit the smaller size. I tried this.

<a href="link.url" class="tinylink">link</a>

tinylink. { font-family: Arial, Verdana, sans-serif; font-size: 8 pt }

The link stays the same size as all my other links!

http://student.acu.edu/~jdc00a/test/disneyhome.html

[Zopester]

Should be .tinylink not tinylink.

(DOTtinylink, not tinylinkDOT in case it's a little unclear above)

[Joshua Clinard]

It was correct in the stylesheet, I just typed it in wrong in the message. So that wasn't the problem! What gives. By the way, if you go to the URL above, notice at the bottom of the page, their is a paragraph at the bottom. The link to disney.com is the one I need to be the smaller size. Just thought I would provide some addl info.

[Zopester]

ok...read your stylesheet. You've specified ordinary links AFTER the .tinylink class. That means the ordinary link style will apply. Which means as you've set ordinary links to 11pt, even the .tinylink class will display as 11pt.

To fix, just put .tinylink at the end of the stylesheet.

[Joshua Clinard]

That wasn't quite the answer either. I just put an a in front of the .tinylink, to see if that would make it apply to that class. It worked.

[Zopester]

Yes, that'll work too!

By adding the "a" you've specified precisely what you wanted the tinylink class to apply to. However, my answer stands as being structurally correct, and you should place more specific css styles after your generic ones to avoid the issue in the future.

[Joshua Clinard]

No, just putting the tniylink style down further did not change it. At least on IE 6, it did not. I did not check it in other browsers.

I am having trouble with this again. This time it's the Bookmark Site text on the main index page

http://student.acu.edu/~jdc00a/index.html

I'm trying to make it smaller. It just wont' work!

Any help?