SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2009
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    visited links staying blue

    Could someone take a look at my page at http://www.meadowlarkco.com/customersnew2.php and see why when I click on my link which starts "assuring everyday service....." why based on my css page allpages.css where I have


    .splashcontentleft .Flexibility ul li a:link {
    text-decoration:none;
    color:#00f;
    }

    .splashcontentleft. Flexibility ul li a:hover {
    text-decoration:none;
    color:#00f;
    }

    .splashcontentleft. Flexibility ul li a:visited {
    text-decoration:none;
    color:#00f;
    }

    .splashcontentleft. Flexibility ul li a:active {
    text-decoration:none;
    color:#00f;
    }


    my link when I click on it doesn't stay blue



    thanks

  2. #2
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    In selectors for the second, third and fourth rules, you have

    Code:
    .splashcontentleft. Flexibility
    rather than

    Code:
    .splashcontentleft .Flexibility

  3. #3
    SitePoint Enthusiast
    Join Date
    Sep 2009
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Im not following what you're saying?

  4. #4
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,151
    Mentioned
    262 Post(s)
    Tagged
    5 Thread(s)
    The dot to indicate class is in the wrong place. It should come at the start of Flexibility, not the end of splashcontentleft.

  5. #5
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Thank you for elucidating, TB.

    So, with the dots moved to the correct position, the CSS will be:

    Code:
    .splashcontentleft .Flexibility ul li a:link {
    text-decoration:none;
    color:#00f;
    }
    
    .splashcontentleft .Flexibility ul li a:hover {
    text-decoration:none;
    color:#00f;
    }
    
    .splashcontentleft .Flexibility ul li a:visited {
    text-decoration:none;
    color:#00f;
    }
    
    .splashcontentleft .Flexibility ul li a:active {
    text-decoration:none;
    color:#00f;
    }


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
  •