SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2002
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Linking problems.

    I have no idea why this is not working. I still see the underlined text on a link. Here is a snip of my code:

    Code:
    The css:
    
    .tabtext   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;  text-decoration: none; }
    
    The link:
    
    <a href="http://www.mydomain.com/cat_index_29.php" class="tabtext">Forums</a>
    All of my other css code is working great.

    Using MSIE 6.0.2

  2. #2
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Strange...works for me. What browser and version are you looking at it on?
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  3. #3
    ********* Genius Mike's Avatar
    Join Date
    Apr 2001
    Location
    Canada
    Posts
    5,458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Did you happen to use FrontPage to make that css?

    When I used to, quite often the css didn't work. All I did was retype it with less spaces and it worked fine.


    .tabtext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}
    Mike
    It's not who I am underneath, but what I do that defines me.

  4. #4
    SitePoint Member
    Join Date
    Nov 2002
    Location
    Cleveland, Ohio
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Links are kind of a special case. You should be using pseudo-classes to control their appearance. Try using the following (modify to your needs, of course):


    /* Blanket rule, covers all links */

    a {
    font-family : "Arial, Helvetica, sans-serif";
    font-size : 12px;
    color : #000;
    }

    /* Rules to cover various states. Active indicates the state of the link when it is clicked. They must appear in this order, although you can omit any that aren't applicable (eg. active). */

    a:link {
    text-decoration : none;
    }

    a:visited {
    text-decoration : none;
    }

    a:hover {
    text-decoration : underline;
    }

    a:active {
    text-decoration : underline;
    }


    You can make these specific to a class by prepending each rule with the class name. Example:

    .blah a:link {
    text-decoration : none;
    }

    Hope this helps.
    -- Sludge


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
  •