dynamic highlighting menu

[pielover]

Hello,

I am trying to get the code below to highlight the menu name of the page the user is on. There are five pages total--Home, About, TV Show, Pie Parties, Blog, and Contact. How do I get this to work?

This is the code right now:

<div id="wrap">
<!-- Start Page -->
		<div id="page">
			<!-- Header -->
			<div class="header">
			<a href="<?php bloginfo('url') ?>">
                        <img src="<?php echo get_option('pacifica_custom_logo'); ?>" alt="<?php bloginfo('name'); ?>" /></a>
			</div>

<!-- Start Navigation -->
			<div id="navwrap"><div class="navigation">
				<div class="border">
			    	<ul id="nav">
                                <li class="first">
                                <a href="<?php bloginfo('url'); ?>">Home</a></li>
                                <?php wp_list_pages('title_li=');?>

<?php if (get_option('pacifica_subscribe') == 'yes' ) {?>

                            <?php } ?>

		    	</ul>



		    	<?php get_search_form(); ?>

		    	<div class="clear"></div>
		    </div>
		</div></div>
<!-- Stop Navigation -->

The website is: http://theworldneedsmorepie.com/

THANK YOU SO MUCH IN ADVANCE!!!

[Exangelus]

Make a new css class for the highlighted(current) page. Now make a php function that has an array with all the urls from the pages. Using $_SERVER you can match the current url to one in the array. That button should than be given the other css class to highlight it.

[pielover]

Thanks, Exangelus! The only problem I don't know what that would all look like... I'm very new to PHP. I've tried making a new CSS class called CURRENT with just a color for it. But it doesn't seem to want to do anything....

[Exangelus]

pielover;10943349 wrote:

Thanks, Exangelus! The only problem I don't know what that would all look like... I'm very new to PHP. I've tried making a new CSS class called CURRENT with just a color for it. But it doesn't seem to want to do anything....

I'll make the basics here and hopefully that is enough to keep you going:

The php function:

function highlight($current)
{
     if($current == substr($_SERVER['REQUEST_URI'], 1))
     {
          return 'CURRENT';
     }
     else
     {
          return 'NORMAL';
     }
}

Now in the html you'll put the following code for each link(home, in this case):

<a class="<?php echo highlight('index.html'); ?>">Home</a>

The argument for the php function is the filename of the page the link directs to. It checks if the filename is equal to the filename of the current page which is given by php in the $_SERVER['REQUEST_URI'] variable. It is substringed to cut away the first character because that's always a slash.
Than it returns the css class in the style attribute of the a tag. Ofcourse it can be any tag in which the function returns the desired css class.