Small problem with my CSS tabs!

Discussion in 'CSS' started by mcfc4eva, Dec 3, 2007.

  1. #1
    I have created some CSS tabs for my site (found here).

    If a user is for example on the "company" page, how can I make that tab appear differently? What do I put in the style sheet?

    Is it something like
    #tabs li:activate {
        [tab description]
    }
    HTML:

     
    mcfc4eva, Dec 3, 2007 IP
  2. mcfc4eva

    mcfc4eva Well-Known Member

    Messages:
    602
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Okay I was just having a look at Tizag.com and came accross the CSS Links ( Pseudo-classes ) page!

    It states four link states as the following:
    So that proves my first post wrong, activate is obviously the state when it is being clicked. My new question, is there anotehr (fifth) state that describes the link that HAS been clicked (not 'visited' as this describes all links that have been visited.)
     
    mcfc4eva, Dec 3, 2007 IP
  3. questionable

    questionable Guest

    Messages:
    92
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    apply a different class for that li on that page

    example

    for the <li> company</li> you will apply a class

    where the rest are maybe some thing like li {background-color:#FFFFFF;}

    then make a class with different background color
    eg .page-on li{background-color:#000000;}

    in the xhtml go company <li class="page-on">company</li>
     
    questionable, Dec 3, 2007 IP