css menu

[twistedsoul]

I've never actually done this before, but I have a css menu but I want to make it so when I'm on a certian page it stays highlighted. I'm using a php include for my pages so i was wondering if their is a way to do this?

here's the css


a.nav, a.nav:link, a.nav:visited {
display:block;
width:90px;
height:84px;
text-align:center;
text-decoration:none;
font-family:verdana, arial, sans-serif;
font-size:14px;
color:#FFFFFF;
line-height:90px;
overflow:hidden;
float:right;
font-weight: 300;
}

a.nav:hover {
color:#FFFFFF;
background-image:url(../images/nav.gif)
}

a.nav:active {
color:#fff;
background:#c00;
}


I tried using :focus but it had no effect.

[abduraooft]

Take a look at http://www.codingforums.com/showpost.php?p=605564&postcount=3

[twistedsoul]

thanks, tho I've had a little trouble ipmlement that into my code :s

[Excavator]

Hello twistedsoul,
I have a demo of it up at http://nopeople.com/CSS/h_ul_menu-with_images/index.html
Maybe that will help? I thought rmedek did a pretty good job explaining it in that post ab linked you to, but sometimes it helps to see it in action.