active page, css

[floriauck]

hey all,

this is a question regarding the style for a navigation. I would like to display a little graphical indicator on my navigation to let people know what page they are on right now.

I use a <UL> for my navigation and styles with CSS. It displays fine BUT i am not sure how to get the graphical indicator to appear on other links. Here is the screenshot. The little arrow shows up on the home button. How can I code it so that when the user clicks on "about" or "contact" the little arrow will appear?

any ideas?
thanks
florian

[Dan Schulz]

You need to use a class or ID on the "current page" link and target that instead of the general global rules for the menu.

[floriauck]

I do have a class for every menu item. how do I handle the current page with my css? Thats the part I am not sure about.

<ul class="top-nav">
<li><a href="index.html" class="home"><span class="active">Home</span></a></li>
<li><a href="about.html" class="about">About</a></li>
<li><a href="search-mls.html" class="search">Search MLS</a></li>
<li><a href="contact.php" class="contact">Contact</a></li>
</ul>

[Dan Schulz]

What's the rest of your page code look like then? (I'd be tempted to put the current page class on the list item, but I want to make sure it won't conflict with whatever code you may have there first.)