Hi there,

I think this must be a very simple question for the experts. I am trying to achieve the exact same primary links menu structure as in the demonstration of the four seasons theme. So that when an enduser has selected a second level primary link, the first level stays highlighted. But after experimenting for 1 whole day I still stay puzzled.

You can see what I have built for now here: http://www.druifdesign.com/drupal/node/3

And what I want is: http://www.forward-media.info/node/6

Note the difference: at the four seasons demo site, the first level primary link (NavDemo1 in this case) stays highlighted! What am I doing differently?

Thanks in advance!

Comments

WorldFallz’s picture

it appears to be working for me...

===
"Give a man a fish and you feed him for a day.
Teach a man to fish and you feed him for a lifetime."
-- Lao Tzu
"God helps those who help themselves." -- Benjamin Franklin
"Search is your best friend." -- Worldfallz

NicoDruif’s picture

Really?

No difference between my experimental version and the four seasons demonstration website?

Uhmm is this a strange cache/browser thing then?

I mean that the primary link should be kept highlighted when the second level link was clicked... And this doesnt seem to work in my own version, but it does in the demonstration website?!

www.druifdesign.nl

WorldFallz’s picture

ah, nm-- it doesn't work (i didnt click on the sublinks). But I took a look at the page.tpl.php for the theme, and I think it's the following code that fixes this:

  <?php 
    foreach($primary_links as $key => $value ) {
      if (ereg('active', $key)) {
        $primary_links[$key]['attributes']['class'] = "active";
      }
    } 
  ?>

You didn't remove this did you?

===
"Give a man a fish and you feed him for a day.
Teach a man to fish and you feed him for a lifetime."
-- Lao Tzu
"God helps those who help themselves." -- Benjamin Franklin
"Search is your best friend." -- Worldfallz

NicoDruif’s picture

Nope, I didn't remove anything... That code is still in the page.tpl.php...

Strange stuff, huh? Thanks for replying btw...

www.druifdesign.nl

WorldFallz’s picture

hmmm... I figured out why, I just don't know how to fix it. In the demo site, the main tab still has the class "active" and so is styled appropriately. In your page, for some reason the class on that item changes to "active-trail" and loses the "active". Since you are using the same theme, i have no clue why although the demo site is d5 and your post is d6.

Try copying the style(s) for a.active to a.active-trail in your style.css and see if that fixes it.

and your welcome ;-)
===
"Give a man a fish and you feed him for a day.
Teach a man to fish and you feed him for a lifetime."
-- Lao Tzu
"God helps those who help themselves." -- Benjamin Franklin
"Search is your best friend." -- Worldfallz

NicoDruif’s picture

Thanx, yes, I was trying to find the differences as well, together with Firebug. Good to hear this, I'll have dinner first, and then try to change some css!

I'll let you know in a couple of hours!

www.druifdesign.nl

NicoDruif’s picture

Hiihaa!

It seems to be fixed! Now I have added:

#navigation-primary ul.primary-links li a.active-trail {
  background-color:#000000;
  background-repeat:no-repeat;
  color:#ffffff;
}

to the style.css, it shows the primary link still highlighted when the secondary is selected!

Good, so, now I can continue building again... Thanks for the help!

Anyone knows what is the story with the active-trail difference between drupal 5 and 6 (and beyond)?

www.druifdesign.nl

WorldFallz’s picture

excellent! you might want to post an issue in the theme's issue queue-- seems it might be a bug.

===
"Give a man a fish and you feed him for a day.
Teach a man to fish and you feed him for a lifetime."
-- Lao Tzu
"God helps those who help themselves." -- Benjamin Franklin
"Search is your best friend." -- Worldfallz

NicoDruif’s picture

Ah yes, I will!

www.druifdesign.nl