I have a CSS navbar that has a border left and border right of the currently shown page:



Using the following CSS:

#navlist_current 
{
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    padding: 3px 0px 3px 0px;
    margin-right: 2px;
}

and in HTML I have:

<div id="navcontainer">
    <ul id="navlist">
      <li><a href="/" id="navlist_current">Home</a></li>

What is the best way of going about so that depending on the page the visitor is looking at, it uses the a id navlist_current? I was thinking either with php variables or something along those lines.

Does anyone have any ideas?

Thanks

It's easiest to apply a CLASS with the styling you want for "current".. so on each page one nav item would have 'class="current"' on it.

Well see, my problem is that I have a php include called header.php which has all of the navbar and HTML meta tags, css includes etc. So it wouldn't really be beneficial to go on each page and change it manually.

Well, you could use (or write) a function that changes the class for you based on the page. CMS systems do this all the time.

Hmm, how would I begin my search for a function like that?

http://www.webmasterworld.com/forum88/2068.htm

http://www.sebastiansulinski.co.uk/t...th_php_and_css

Thanks! I think that will help me get started.