selfClass or "you are here" CSS using Wayfinder

I need help. I have wasted hours trying to figure this one simple thing out today:

How can I, using Wayfinder 2, specify that the current page’s link (or li / row) needs to be formatted with my id=’"current" class defined in the site’s CSS?

I don’t understand the chunk documentation.

Thanks!

The site I’m working on is http://www.brianpedigo.com

Hi Brian,

Wayfinder uses ’active’ for current page.

All you need to do is add a ’active’.

you have:
#nav ul li a:active {color: #333; }
#nav ul li#current ( background: url(nav-current.jpg) no-repeat center bottom}

change it to:

#nav ul li.active a {color: #333; background: url(nav-current.jpg) no-repeat center bottom}

and remove the #nav ul li#current in your css and associated tag in the html markup.

in your Wf snippet call could be an option too.

I tried , and that didn’t work. Have any ideas why?

edit: I need to get better at CSS -- I just figured out that id != class, and that was the reason hereClass wasn’t working. I need to make my CSS work with classes, and not id’s.

Thanks to you both for your responses.

You rock, a little of this, and everything is working:


Quote from: chinesedream at Sep 11, 2007, 06:53 PM

Hi Brian,

Wayfinder uses ’active’ for current page.

All you need to do is add a ’active’.

you have:
#nav ul li a:active {color: #333; }
#nav ul li#current ( background: url(nav-current.jpg) no-repeat center bottom}

change it to:

#nav ul li.active a {color: #333; background: url(nav-current.jpg) no-repeat center bottom}

and remove the #nav ul li#current in your css and associated tag in the html markup.