"Welcome" link is highlighted even when after a different link is selected

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

"Welcome" link is highlighted even when after a different link is selected

Post by cnymike »

I've had a hard time remembering how to fix this. Oh the ravages of old age and a deteriorating brain.

My site uses a horizontal main menu with a vertical menu. through a bit of code manipulation, I've managed to configure the menus so that the vertical menu is constant and unchanging no matter what page is selected from the Horizontal Menu. This was a cool trick that Mark helped me figure out how to do.

Anyway, a small problem has developed...

I've got a horizontal menu that continues to show the "Welcome" link as highlighted, even when another link on the Top Horizontal Menu is selected and the new page has loaded. So in other words, two links are highlighted...the Welcome link and the Link for whatever page I'm on. This is confusing to users of the site. And its confounding to me because I can't figure out how to stop this from happening. Any takers?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by Dr.CSS »

Link?...
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by Dr.CSS »

It may have to do with the Vert. menu pages being children of Welcome it's >1: Welcome1.1: Plants...

You could try putting them under a  Content Type: Separator ...

Just a thought....
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by cnymike »

Mark,

Man, you are the support king.

I tried making a content separator and placed it between the Plants pages (which comprise the vertical menu) and the links comprising the horizontal menu.

So for example I've got...

1.Welcome
1.1 Plants A
1.1.1 Arisema
etc
etc
etc
1.12 Content Separator
1.13 About Our Nursery
1.14 Gift Certificates
1.15 Visiting the Nursery
1.16 Ordering and Shipping
1.17 Catalog

It didn't seem to have any effect. Was that what you were thinking I should do, or did I place the separator in the wrong location?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by Dr.CSS »

Was thinking of making separator, parent: none, then put plants under it, or sectionheader parent:none not shown in menu with plants under it...

Do you have the plants not shown in menu if so you can just have them parent:none, just some way to get them out from under Welcome so it doesn't have active parent class...

I just noticed all your pages are under Welcome?...
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by cnymike »

All pages are under Welcome, yes. Should I just start with Plants and put Welcome below them with the rest of the horizontal menu items? I did it the way I did it because I thought that was the only way to do the same vertical menu with each horizontal menu element.

I have a really difficult time grasping the two menus concept.
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by cnymike »

Mark,

Essentially I'm using the standard "Top simple navigation + left subnavigation + 1 column" with the adjustments we discussed a couple months ago.

Here is a snippet of code from my menu template for the Horizontal menu. In the Pages, the horizontal menu items are Hidden, (Show in Menu is deselected).

Code: Select all

<!-- Start Navigation -->
   <div id="menu_horiz">
      <h2 class="accessibility">Navigation</h2>
      {menu template='simple_navigation.tpl' items="welcome,about-our-nursery,gift-certificates,visiting-the-nursery,ordering-and-shipping,catalog" number_of_levels='1'}
   <hr class="accessibility" />
   </div>
   <!-- End Navigation -->

And then, here is the vertical sub-navigation menu... but for my purposes, it's not truly sub-navigation because I want it to appear for every horizontal menu page, not just a particular page. That's why I have show in menu deselected for the horizontal menu items and just put them in manually into the simple_navigation.tpl as the above code shows.

Code: Select all

      <!-- Start Sub Navigation -->
      <div id="menu_vert">
         <h2 class="accessibility">Sub Navigation</h2>

          <!-- NB! The <ul><li> below is only added because several default templates use the same menu stylesheet, to "force" the subnavigation to act as if it's the second level in a list -->
          <ul><li>{menu template='simple_navigation.tpl' start_level='2' collapse='1'}</li></ul>
      <hr class="accessibility" />
      </div>
      <!-- End Sub Navigation -->
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by cnymike »

If I attempt to reorganize my Pages at this point, do I risk doing damage? For instance if I delete Page 1, which is currently my homepage, will that delete everything under it since it is the Parent? Or Can I safely delete page one, then just make Plants A the page 1 and make a new Welcome page and put it after all the plants at the beginning of where the rest of the horizontal menu items are, keeping all of them hidden as I currently have.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by Dr.CSS »

Ok I got it, look at this site and then login to see how I did it...

http://multiintech.com/CMSMSDemo/

name: adman
pass:adman

[EDIT: this site is set back to the default install every few days...]
Last edited by Anonymous on Fri Jan 05, 2007 7:25 pm, edited 1 time in total.
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by cnymike »

MARK

Thanks for putting that up for me. I see what you did now and got the same thing working on my site.
there was one small glitch that I still don't know what caused it or why it went away, but for a while, when I was moving my pages around to get the structure you had, the header/logo image disappeared and was just blank. but once everything was switched to the new order, it came back.

It works! Thanks.

It seems to me that there should be another way to do this, sort of like what I was attempting, but I just can't quite get there, so I'm going with your solution instead.

Happy New Year.
zdub

Re: "Welcome" link is highlighted even when after a different link is selected

Post by zdub »

mark wrote: Ok I got it, look at this site and then login to see how I did it...

http://multiintech.com/CMSMSDemo/

name: adman
pass:adman

[EDIT: this site is set back to the default install every few days...]
Any way to get this dual navigation demo back up and running for a little while longer?

zach
impara

Re: "Welcome" link is highlighted even when after a different link is selected

Post by impara »

hi any know how to use the constant unchanging submenu with top horizontal dropdown menu ??

please help
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: "Welcome" link is highlighted even when after a different link is selected

Post by Dr.CSS »

You can put another menu tag and use the item call to get just the pages you want, if they don't have any children, calling items will make only them show and none of the children or use this...

(optional) show_root_siblings="1" - This option only becomes useful if start_element or start_page are used. It basically will display the siblings along side of the selected start_page/element.

read blurb below \/ ...
Post Reply

Return to “Layout and Design (CSS & HTML)”