I want to improve my navigation bar. If you go to a page like [login to view URL] you will see a navigation sidebar that is controlled by CSS. It already uses "hover" to follow the mouse, but I want it to automatically highlight the current page with a color like hover does.
I found a javascript method, at [login to view URL] and I have it working to a degree on a test page at [login to view URL] where I have the navigation sidebar duplicated three times.
* nav_C at the top uses the javascript to highlight the current page as desired, but it does not indent History and Directions.
* nav_D - hovers and indents History and Directions
* The actual html is shown on nav_E.
I need a CSS expert to give me a style sheet and the html I need for my navigation that I can use on [login to view URL] that would
* have pretty buttons like nav_C as links,
* hover with the mouse,
* use the javascript to highlight the current page, and
* indent or otherwise display 2-3 levels of folders - i.e. one level deeper than Club/History/nextlevel.
AND highlight the selected section on the main navigation bar across the top - which I have net yet attempted.
Thanks. This should be easy for someone who understands CSS and javascript.