0

WELL GUYS,I HAVE A NAVIGATION IN MY WEBSITE WHICH IS SIMPLY A <UL> LIST.
ALMOST EVERYTHING WORKS WELL,EXCEPT WHEN I WANT TO SHOW THE CURRENT PAGE WHICH IS BEING VIEWED,...I HAVE SUCCESSFULLY IMPEMENTED THE FUNCTIONALITY IN PHP WHICH CAN DETECTED THE PAGE BEING VIEWED BUT THE PROBLEM IS CSS WHERE I CAN`T MANAGE TO CHANGE THE COLOR OF THE TEXT, I AM ONLY ABLE TO CHANGE THE BACKGROUND COLOR.
BELOW IS MY CSS AND HTML CODE ,EXPLAIN TO ME PLEASE WHAT IS MISSING?

<ul id="nav">
      <li><a href="#" class="navchecked">Home</a></li>
      <li><a href="#">Profile</a></li>
      <li><a href="#">People</a></li>
      <li><a href="#" >Blog post</a></li>
      <li><a href="#">Groups</a></li>
      <li><a href="#">Videos</a></li>
   </ul>
#nav {
      width: 100%;
      float: left;
      margin: 0 0 5px 0;
      padding: 0;
      list-style: none;
 	  }
	#nav ul{
	margin:0px;
	padding:0px;
	}
   #nav li {
      float: left; 
	  }
   #nav li a{
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; 
	  }
	  
   #nav li a:hover { ***********HOVER WORKS************/
      color:#acbf37;
      background-color: #fff; 
	}
	 #nav li:first-child{
	  border-left: 1px solid #ccc; 
	  }
	.navchecked{   /**THIS IS BACKGROUND PROPERTY FOR VIEWED PAGE WHICH WORKS WELL**/
	background-color:#fff; 
	}
	#nav .navchecked li a{
	 color:#acbf37; **THIS IS COLOR I WANT FOR THE VIEWED PAGE,BUT NOT SHOWING**/
    }

ANY HELP WILL BE MUCH APPRECIATED.

Edited by mrcniceguy: n/a

4
Contributors
4
Replies
5
Views
6 Years
Discussion Span
Last Post by diafol
0

@Lordrt thankx for your reply..
i have succeeded,I just modified the css code like this.

#nav  li a.navchecked {
    background-color:#fff; 
    color:#acbf37; 
    font-weight:bold;
    }

SO NOW TS WORKING.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.