Highlighting the active link

[lmc148]

Hi

I would like the active link on a menu to remain highlighted while the user remains on that link i.e. page (so the user can see what page they are visiting without me having to put an extra heading onto that page), so I was disappointed to find that a:active doesn't actually do this, despite its name! (Hope all that makes sense).

Is there an easy way to do this?

Thanks
Lynn

[Aso]

a:active is for links currently active (i.e clicked on) on the current page.

It would be impossible for CSS to *know* which page you were on!

You'll need to hard code an extra class to the 'current' link for each page, or dynamically insert it if you're using a CMS.

Something like

Code: Select all

<a href="about" class="active">About</a>

Then in your CSS, apply the styles for your selected link like so

Code: Select all

.active {
/*Current page link styles*/
}

[unitedcraig]

This question has been posted, i think the post will help

http://www.webforumz.com/css-forum/6...rrent-page.htm

In future searching for your question in the forum can be easier than asking it again mate

[Aso]

I knew that post was somewhere! Cheers unitedcraig

[lmc148]

Got it working, thanks!