change colour of active page navigation

[toolman]

Hi there,

 

I have quite a complex script and want to have the page that is currently active in my navigation a different color or class. I can do all the css, but wanted to know if there was an easy way to do this. Maybe I could just add a line on the index page to say use this class on the active navigation.

 

Is this possible?

 

 

 

[ignace]

Just add an additional class attribute to your tag

 

<li class="active"><a href="index.php">Homepage</a></li>

 

And add the CSS:

 

.active a, a:active { background: #F00; color: #000; }

[phonydream]

Just add an additional class attribute to your tag

 

<li class="active"><a href="index.php">Homepage</a></li>

 

And add the CSS:

 

.active a, a:active { background: #F00; color: #000; }

 

Yes, but he/she will still need to determine the active page.

[ignace]

Not if you use PHP you can easily determine the active page:

 

<li<?php print isActivePage($href, $_SERVER['REQUEST_URI']) ? ' class="active"' : ''; ?>><a href="<?php print $href; ?>"><?php print $label; ?></a></li>

[phonydream]

Nice solution!