CSS - sexy panels menu - 'current' state...

[gibry21]

Hi folks,

A quick question and hopefully a quick fix.

I have implemented the sexy panels css menu, things are working pretty well.

I have 2 issues that I would appreciate some help with:

Firstly, and most importantly, anybody know the css I can implement to create a 'current' state i.e I have hover etc. but I want the user to know what page they are on, so making that link a particular colour for example? I'm sure I have seen the css before somewhere.

Secondly, is more of a bug, if you navigate to my site http://www.streetwisesystems.com , you should see that when you hover over the left hand menu, the buttons appear to be doing funny things, disappearing and re-appearing, think this may be specific to IE. Any ideas?

Cheers.
Ryan

[X96 Web Design]

The disappearing thing is just an IE bug - it's fine in Firefox... (On my computer, anyway)

To make a "current" state, simply add a class to the <a> of the menu:
CSS:

#menu ul li a.current {
color:#fff;
etc...
}

HTML:


<li><a class="current" href="page">Link Item</a></li>


Hope this helps,
X96

[X96 Web Design]

To add to that list...

Another few great Wordpress Themes sites are:
- http://www.freewpthemes.net/
- http://wordpress.org/extend/themes (The official themes site)

Some great resource sites are:
- http://www.bittbox.com/ > Free articles and resources for programmers
- http://www.textureking.com/ > Free textures for backgrounds and stuff
- http://www.freecsstemplates.org/ > Great free templates
- http://x96-templates.uuuq.com/ > My Free CSS Templates site
- http://www.cssdrive.com/ > The best inspiration site if you have designers' block

Cheers,
X96