On Aug 2, 2010, at 8:01 AM, Shortie Designs <shortiedesi...@gmail.com> wrote:
> Sorry - my original email was unclear - I"m trying to make the current page
> in the navigation bar appear active - so when you are on the page - the name
> of it will appear in different colour font in the navigation bar - this way
> the user knows they they are on the 'home' or 'about us' page.
> Cheers
> Sofia Woods
>
Sorry, accidentally sent that last message. You will need to add a
class somewhere in your HTML that you can use to make the current
section main nab link appear different. How and where you add the
class depends on how the site is built. In some cases you may be best
served by adding "class='current'" to the <a> or <li> of the nav link.
Another way to solve it would be to have classes on each nav
identifying them: <li class="about"><li> for example. Then add a
class to the BODY tag or main page wrapper indicating which the
current section is: <body class="about">. Then you can use that
combination to style the links uniquely. "body.about li.about {color:
#000;}" (in other words "when the body says "about" make the 'about'
nav link black.").
Which one you use depends on whether one or the other is more
manageable or achievable given the technology you use to manage your
site.
- tim
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
