PDA

View Full Version : Styling active page nav different color



johndove523
Jul 16th, 2010, 09:33 PM
Please see attached .gif. I'd like the nav link for the active page to display in #000 when the page loads, not just on hover or on click (in other words, I want it to stay black as long as you're on the page). Can you style text links to do this, no images, no .js?

Here's the present nav code and the active URL:


#nav {
font-size:125%;
margin:21px 0 0 18px;
list-style-type:none;
display:block;
overflow:hidden;
width:460px;
}

#nav li {
display:inline;
}

#nav li a, #nav li a:visited {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-transform:uppercase;
color:#918F8D;
padding:0 10px;
text-decoration:none;
}

#nav li a:hover {
color:#000;
text-decoration:underline;
}

http://backstageweb.net/Salon/indexslides.htm

Thank you.

John

skywalker2208
Jul 16th, 2010, 09:41 PM
Take a look at http://www.codingforums.com/showthread.php?t=191189&highlight=highlight+link

johndove523
Jul 16th, 2010, 09:43 PM
Awesome, thanks!