Page 1 of 1

Using Images Navigation - 2nd Level Question

Posted: Wed Sep 20, 2006 5:41 pm
by Jellybean
Hi Everyone,

I am using images for my first level navigation with the second level nav displayed in a drop down (similiar to the horizontal menu).  The image for the active page and mouse over is different from the normal image - I will refer them to as ACTIVE STATE and INACTIVE STATE.  Everything is working great except when I mouse over the second level nav, the parent nav goes to the INACTIVE STATE image.  Is there a way to show the ACTIVE STATE when browsing the second level nav drop down?

For Example:

Home (home.gif)
Section 1 (s1.gif)
Section 1.1
Section 1.2
Section 1.3
Section 2 (s2.gif)
Section 2.1
Section 2.2
Section 3 (s3.gif)

The user is on Section 2
Home (home.gif)
Section 1 (s1.gif)
Section 1.1
Section 1.2
Section 1.3
Section 2 (s2on.gif)
Section 3 (s3.gif)

When they mouse over on Section  1
Home (home.gif)
Section 1 (s1on.gif)
Section 1.1
Section 1.2
Section 1.3
Section 2 (s2on.gif)
Section 3 (s3.gif)

When they mouse over on Section 1.1
Section 1 then becomes s1.gif.  What I want is for it to stay as s1on.gif.

Any ideas?

Re: Using Images Navigation - 2nd Level Question

Posted: Wed Sep 20, 2006 8:34 pm
by Dr.CSS
Do you have a link?

Re: Using Images Navigation - 2nd Level Question

Posted: Thu Sep 21, 2006 2:53 pm
by Jellybean
Hi Mark - I sent you an email.  Thanks!

Re: Using Images Navigation - 2nd Level Question

Posted: Fri Sep 29, 2006 12:01 am
by mattandaniel
Hi guys,

Does anyone have a solution to this? I'm thinking of doing a menu in a similar way.

Thanks

Re: Using Images Navigation - 2nd Level Question

Posted: Fri Sep 29, 2006 11:40 pm
by Dr.CSS
If you look at the default install CSSMenu top + 2 columns you will see the li is changed when you are scrolling down the list of drop down menu items this is done with having the a:link style as one color and the li:hover as another...