WriteAdvice.info

[ccagle8]

Garrett,

If you do a viewsource on that site, you see the nav looks like this:

Code:

<ul id="nav">
     <li class="current index" ><a href="http://www.writeadvice.info/" title="WriteAdvice">Home</a></li>
     <li class="about" ><a href="http://www.writeadvice.info/about" title="About Emily">About</a></li>
     <li class="copywriting" ><a href="http://www.writeadvice.info/copywriting" title="Copywriting">Copywriting</a></li>
     <li class="resumes" ><a href="http://www.writeadvice.info/resumes" title="Resumes">Resumes</a></li>
     <li class="information" ><a href="http://www.writeadvice.info/information" title="Information">Information</a></li>
</ul>

You can tell that this source was taken from the index page because the LI element has a class of "current". So all you need to do is add this type of code to your CSS file, and it should automatically highlight it:

Code:

#nav li.current a {
    color:#fff;
    background:#000;
}