View Single Post
torifile
Less than Stellar Member
 
Join Date: May 2004
Location: Durham, NC
Send a message via AIM to torifile  
2006-08-04, 14:33

Alrighty, one more CSS question (I hope this one's not as dumb).

On my site (www.durhamdbt.com), the current page is underlined at the top of the page. That's handled in CSS by using current_page_item. I've got that part figured out. I'd like to replicate that behavior in the sidebar.

The sidebar's code is:

Code:
#sidebar ul li a { border-bottom: 1px solid #ccc; color: #ff7800; display: block; text-decoration: none !important; margin-left: 0px; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 25px; background-image: url(images/navbulle.gif); background-repeat: no-repeat; background-position: 10px 50%; }
The code that works for current_page_item is:

Code:
div#pages ul li.current_page_item a { text-decoration: underline; }
I've tried:

Code:
#sidebar ul li.current_page_item a { text-decoration: underline; }
and

Code:
div#sidebar ul li.current_page_item a { text-decoration: underline; }
Ok. Maybe this one is just as dumb as the first, but whatever.

edit: nevermind. It was that "!important" declaration. Stupid me!

Secondary question (and it may be better suited for the WP thread): "groups" is underlined, as well as "services" when on that page. "Groups" is a child of "services". How can I keep it from getting underlined? TIA.

edit2: I've changed the underlined to a background color, but the rest remains the same. (I suppose that if I had tried the color first, I would have saved myself the misery, but I wouldn't have learned about the "!important" declaration. )

Last edited by torifile : 2006-08-04 at 16:14.
  quote