> Hi All - I'm new to CSS and would love some help with styling my navigation
> links.
> I'm trying to keep the current page navigation link a different colour to
> the rest of the navigation link - this way users will know what page they
> are on. Ie: if the user is on the 'ABOUT US' page - then the About US link
> in the navigation bar is a different colour. I don't want to use JavaScript.
I use a combination of id's on my links in my menu with a class on my body tag
like this:
<body class="home"> <!-- change this class to match the page you are on -->
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="aboutus">About Us</a></li>
<li><a href="#" id="contactus">Contact Us</a></li>
</ul>
</body>
And I make a css entry in my stylesheet to handle all the active pages:
.home #home,
.aboutus #aboutus,
.contactus #contactus
{
/* active page css here */
}
Jason Snipes
NOTE: This is a Forsyth County operated e-mail system. ALL e-Mail communication
is subject to be accessed by the news media and the public pursuant to the
Public Records Law of North Carolina.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
