Add an underline active state for these menu items

Amanda Watson
Amanda Watson used Ask the Experts™
on
Hi,
I need some help finding the right css tags on this site here
http://web30.wave.studiocoast.com.au/index.php?option=com_content&view=article&id=47&Itemid=53

I would like an active or current state for the Menu items for Catalogue and Collections and the menu items underneath as well?

I just want to add an underline for the item that is active?

border-bottom: 1px solid #e6e6e6;

Can someone help me identify the correct tags to apply this please?

TIA
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Hi
in active class for that link add
text -dcoration:underline
Amanda WatsonWeb Developer

Author

Commented:
Ah yes, that is what I want to add, what I am asking is to which class please
Top Expert 2010
Commented:
#current a span, #active_menu {
          border-bottom: 1px solid #e6e6e6;
}

Regards
Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Top Expert 2010

Commented:
Or:

#current a span, #active_menu {
          text-decoration: underline;
}

Regards
Amanda WatsonWeb Developer

Author

Commented:
Brilliant R-Byter.
Thanks for that.

Just one smallish problem...its applying to the GALLERY menu item also
http://web30.wave.studiocoast.com.au/index.php?option=com_content&view=article&id=47&Itemid=53

When I don't want it to?
Top Expert 2010

Commented:
You want to exclude only gallery or?

Regards
Amanda WatsonWeb Developer

Author

Commented:
I would like to exclude HOME GALLERY and the rest in that main row.

Amanda WatsonWeb Developer

Author

Commented:
Ok, I sorted that little problem out by adding

#current a span, #active item53 {
         border-bottom: 0px solid #e6e6e6;
}

I just noticed that the underline isn't showing for the menus on the left hand side..

I was trying this one...but its not working?  Any ideas?

.menu a span, active_menu {
         border-bottom: 1px solid #e6e6e6;
}
Top Expert 2010

Commented:
It look to me that You sorted it out. Do You still have some problems?

Regards
Amanda WatsonWeb Developer

Author

Commented:
Thanks, yep all sorted
Top Expert 2010

Commented:
Excellent, thanks for the points.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial