NAV_LIST_UL horizontal/vertical active path

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
User avatar
Freehand
Posts: 11
Joined: Wed 4. Mar 2009, 15:55
Location: Herning, Denmark
Contact:

NAV_LIST_UL horizontal/vertical active path

Post by Freehand »

Hi, there.
I'm currently building this site using NAV_LIST_UL:

http://kobborg.dk.59.testsider.dk

My challenge:
How can I make a topic in the top navigation (e.g. "Præsentation") stay selected/active when a topic in the vertical submenu is chosen (e.g. "Personer"). In other words: I want the active path to be visible "all the way".

I guess it takes som css twisting, so I hope someone can cut it out for me, beeing no expert but willing to learn ;-)

Thanks in advance.

Dan
:: I live to learn ::
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: NAV_LIST_UL horizontal/vertical active path

Post by flip-flop »

Hi,

please change (active -> act_path)

Code: Select all

.nlu_horiz1 ul li.active a,
.nlu_horiz1 ul li.active a:link,
.nlu_horiz1 ul li.active a:visited,
.nlu_horiz1 ul li.active a:active { .......
to

Code: Select all

.nlu_horiz1 ul li.act_path a,
.nlu_horiz1 ul li.act_path a:link,
.nlu_horiz1 ul li.act_path a:visited,
.nlu_horiz1 ul li.act_path a:active { ....
And you will see.

act_path is the link tracing class in tree.

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
Freehand
Posts: 11
Joined: Wed 4. Mar 2009, 15:55
Location: Herning, Denmark
Contact:

Re: NAV_LIST_UL horizontal/vertical active path

Post by Freehand »

Thanks! :)
:: I live to learn ::
Mona
Posts: 41
Joined: Tue 9. May 2006, 21:15

Re: NAV_LIST_UL horizontal/vertical active path

Post by Mona »

I have the same problem but I cant fix it.


class="nlu_horiz1">{NAV_LIST_UL:F,ID,1,,active}

this is my nlu_horiz1.css

Code: Select all

.nlu_horiz1 ul li.act_path a,
.nlu_horiz1 ul li.act_path a:link,
.nlu_horiz1 ul li.act_path a:visited,
.nlu_horiz1 ul li.act_path a:active {
   color: #83D0F0;
   background: #000000;
}
the top menu point "Kompetenzen" should be in blue as well....
Image

Can somebody help me?
User avatar
Oliver Georgi
Site Admin
Posts: 9948
Joined: Fri 3. Oct 2003, 22:22
Location: Dessau-Roßlau
Contact:

Re: NAV_LIST_UL horizontal/vertical active path

Post by Oliver Georgi »

Remove all crappy pseudo classes from your link (:link, :visited, :active) - it will be more easy to read the css.

The only neccessary pseudo class in general is :hover (maybe)!

This

Code: Select all

a {
 text-decoration: none;
}
.nlu_horiz1 ul li.act_path a {
   color: #83D0F0;
   background: #000000;
}
is enough!

Do never define pseudo classes by default - only in case you really need it and understand what it is good for.

Oliver
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: NAV_LIST_UL horizontal/vertical active path

Post by flip-flop »

That isn´t a problem of pseudo classes (greetings from the IE family). You haven´t the right tag.

Please read NAV_LIST_UL (Parameter) and NAV_LIST_UL (CSS).

class="nlu_horiz1">{NAV_LIST_UL:F,ID,1,act_path,active}

(ID ist your start-id from category, I think 0)

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Mona
Posts: 41
Joined: Tue 9. May 2006, 21:15

Re: NAV_LIST_UL horizontal/vertical active path

Post by Mona »

hey guys

thanks a lot for your help...I could fix everything!
Post Reply