Menu Help!

H

Here To Learn

New Member
Hi everyone! I'm a newbie on the forum, so first I'd like to say hello to everyone! :D

I'm trying to build my newest web site based on a css template, but I can NOT for the life of me, figure out how to get the menu to work! :confused: Someone please help! Here is what I have so far:

http://virtualvisions.110mb.com/Natural/about.html

It's a hot mess. I just want the links in the menu to appear to be regular text links, and then when the user clicks on one, I want the "tab" to move to that link and stay on it, then when they click on another link, to stay on that link, etc. I'm not sure, but I think this requires javascript??? No clue.


Here is the download link for the original template:
http://www.freecsstemplates.org/download/zip/naturalbeauties

This is the stylesheet I'm using now: http://virtualvisions.110mb.com/Natural/default2.css


Anybody know how to do this??
 
N

Nick_mok

New Member
Hey

I looked at the source code of your website:

Take notice of this part:

<li><a href="#" accesskey="3" title="">Samples</a></li>
<li><a href="#" accesskey="4" title="">Pricing</a></li>
<li><a href="#" accesskey="5" title="">Contact</a></li>

Change the part I have highlighted in red, example:

<li><a href="sample.html" accesskey="3" title="">Samples</a></li>
<li><a href="pricing.html" accesskey="4" title="">Pricing</a></li>
<li><a href="contact.html" accesskey="5" title="">Contact</a></li>

or it can also be web addresses.

<li><a href="http://www.examplewebpage123.com" accesskey="3" title="">Samples</a></li>
 
C

constanthosting

New Member
You could always add a class for each page, so that the link for that page would be set as "active" or "current". You'd have to go through each page individually and change the menu for each page, individually..

I see you seem to be using an accesskey? is that like a ID , or a definer for the page that is currently active? then you would just have to set a body tag to co relate to the access key that you want highlighted and adjust your css to show the 'key/id' accordingly.

<body accesskey="3">



and css would have like


menu.accesskey1 =background image ==
menu.accesskey2 = backgroud image ===



-- of course, it is late, I'm headed to bed, zzz and I know my formatting for the css and etc isn't correct, but I hope this helps steers you in the right direction with it :)
 
H

Here To Learn

New Member
constanthosting said:
You could always add a class for each page, so that the link for that page would be set as "active" or "current". You'd have to go through each page individually and change the menu for each page, individually..

I see you seem to be using an accesskey? is that like a ID , or a definer for the page that is currently active? then you would just have to set a body tag to co relate to the access key that you want highlighted and adjust your css to show the 'key/id' accordingly.

<body accesskey="3">



and css would have like


menu.accesskey1 =background image ==
menu.accesskey2 = backgroud image ===



-- of course, it is late, I'm headed to bed, zzz and I know my formatting for the css and etc isn't correct, but I hope this helps steers you in the right direction with it :)
Click to expand...

OMG I am so SLOW! Lol! I definitely just looked right over that. I thought it was gonna be something complicated that I had to do and it was actually the easiest thing ever. Thank you so much for your response constanthosting!! :D:D:D
 
You must log in or register to reply here.
Top