Navigation Bar- How to Highlight Current Page

  • Thread starter Thread starter Hepp-Kondas
  • Start date Start date
H

Hepp-Kondas

On my website, www.DrugAwarenessAndPrevention.org, I am using simple text for
the navigation bar. Is there any way to let the user know which page of the
website they are currently using by highlighting, putting an arrow or symbol
next to it,etc on the nav bar? I already have the titles in the task bar
reflect the title of the page, but was hoping there is some way to highlight
in the nav bar which page you are on.
Thank you!
Nancy
 
Depends how fancy you want to be, Mancy - if you just want something very
simple & easy to do, delete the hyperlink from the nav bar name and *bold*
the word/name. You can see how I have done this on my site - www.icstr.com.au
Hope this helps - Greg
 
Hi Greg,
I went and checked out what you were doing. Sounds very interesting. I am
not sure I understand how to do this. Is this what I need to do?
In FrontPage, for example, I go to the "Donations" page.
1. Right click the Donations page link in the navigation bar
2. Remove hyperlink
3. Capitalize and bold the word
4. Save changes
Then, repeat the process for all of the other linked pages.
I am confused, because won't I remove it from the navigation structure?

If I have the steps correct, I will give it a try on a page. I am holding
off until I hear from you.

I also received your email, and would like to thank you for your kind words
of support. If you find it worthwhile, feel free to pass my web address along
to anyone you feel would be interesed.

Thanks again,
Nancy
 
Ronx,
I visited the link you provided. This is exactly what I would like.
However, I am not confident I can do this on my own. I don't understand code
that well. I can make simple substitutions, but the links in the example are
boxed in, so I am afraid it will change the look of my site. I think I'll
contact LivePerson, and hire someone to do it for me.
I appreciate your help, and the fact that you pointed me toward exactly what
I was attempting to do.
Gratefully,
Nancy
 
The important part of the coding is adding a class or id to each link in
the link bar, and then adding the page specific CSS to each page.

So each link needs to be similar to:

<a href="pagex.htm" class="pagex">page x</a>

And the css in each page:

<style type="text/css">
..pagex {color:green; background:pink;}
</style>

In the CSS the class definition has to be different on each page - pagex
will be as above. Obviously, the colour and background can be changed
to something sensible. (green on pink? Uggh)

If you are using FrontPage link bars, this can't be done - but FP link
bars indicate the current page anyway.

You can see how I define the classes I use in
http://www.rxs-enterprises.org/_borders/menu.htm

and the home page shows the CSS - view source and look for .lk1 in the
<head> section of
http://www.rxs-enterprises.org/


I use classes because I have two link bars on the page - one at the top,
and one at the bottom, so the current page is indicated in both.

--
Ron Symonds - Microsoft MVP (Expression)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
Ron,
I let FrontPage create the links, so I don't think it will work. Is that
what you mean by FrontPage links?
Your comments have been very helpful. Thank you.
Nancy
 
Not sure -
I meant if you are using a FrontPage navigation bar based on the navigation
view, then the link bar _already_ indicates the current page - it's the
link that is NOT a link, and is usually the same colour as ordinary text,
rather than the colour of a link. With this navigation, you cannot change
the links themselves, but normally this is not required.

If the links are NOT based on navigation view, then you can make the
alterations in code view.
 
Back
Top