Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Overriding question

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 12, 2012 at 1:48 pm #36075
    Alv3663
    Participant

    I have this menu

    and this CSS

    #nav li a {
    
display:block;
    
padding: 5px 20px;
    
color:#fff;
    
float: left;
    
text-decoration: none;
    
border-right: 1px #ccc solid;
    
}
    

    
#nav a:hover {
    
background-color:#FFFF99;
    
color:#000000;
    

    
}

    I want that in the page Statement, the item in the menu appear with a different color than the rest, and the same thing in each different page.

    January 12, 2012 at 2:49 pm #94481
    Alv3663
    Participant

    I solved part of the problem by doing this on the HTML

    and this CSS

    .active{
    
background-color:#999;
    
color:#3300CC
    
}

    Now the problem I have is that the color is not changing.

    January 12, 2012 at 3:10 pm #94482
    jamygolden
    Member

    Try this:

    #nav li .active {
    
background-color:#999;
    
color:#3300CC
    
}
    January 12, 2012 at 5:30 pm #94489
    Alv3663
    Participant

    Thanks, that works!

    January 12, 2012 at 5:35 pm #94490
    Alv3663
    Participant

    I’ve seen I can mark this conversation as Solved but I can’t find the link now.

    January 12, 2012 at 6:04 pm #94493
    Mottie
    Member

    Edit the first post and check the “Solved” box :)

    January 12, 2012 at 7:28 pm #94497
    Alv3663
    Participant

    Done!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.