Navigation Bar- How to Highlight Current Page

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
 
G

Greg

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
 
H

Hepp-Kondas

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
 
H

Hepp-Kondas

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
 
R

Ronx

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
 
H

Hepp-Kondas

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
 
R

Ronx

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.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Navigation bar problem 1
navigation bar on SSL page missing 6
My navigation bar dissappeared 15
Navigation Bar Disappeared 1
FP2000 Navigation Bar 1
Index page does not show navigation bar 11
Navigation Bar Mulitple Menu 1
How to change colors on all text-navigation bar? 1

Top