SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Evangelist
    Join Date
    Jan 2002
    Posts
    457
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Link class size wierdness!

    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
    Last edited by Joshua Clinard; Mar 1, 2003 at 15:59.

  2. #2
    Incoherent drivel since 1975 Zopester's Avatar
    Join Date
    Feb 2003
    Location
    UK
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Should be .tinylink not tinylink.

    (DOTtinylink, not tinylinkDOT in case it's a little unclear above)
    Recommended Reading:
    Why we won't help you - An article by Mark Pilgrim.

    http://www.zopester.com - Coming Soon!

  3. #3
    SitePoint Evangelist
    Join Date
    Jan 2002
    Posts
    457
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  4. #4
    Incoherent drivel since 1975 Zopester's Avatar
    Join Date
    Feb 2003
    Location
    UK
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    Recommended Reading:
    Why we won't help you - An article by Mark Pilgrim.

    http://www.zopester.com - Coming Soon!

  5. #5
    SitePoint Evangelist
    Join Date
    Jan 2002
    Posts
    457
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  6. #6
    Incoherent drivel since 1975 Zopester's Avatar
    Join Date
    Feb 2003
    Location
    UK
    Posts
    215
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    Recommended Reading:
    Why we won't help you - An article by Mark Pilgrim.

    http://www.zopester.com - Coming Soon!

  7. #7
    SitePoint Evangelist
    Join Date
    Jan 2002
    Posts
    457
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •