Page 1 of 1
[SOLVED] Layout issue with menu CSS hover style
Posted: Tue Dec 18, 2007 10:18 pm
by casidougal
I've modified the menu style sheet quite a bit, but there is one issue that I've never been able to figure out.
Instead of having a background color on hover, I simply want the text to be underlined.
I can get this to work fine, except on the third level of the menu (or 2nd drop down tier) all the items are underlined. What's strange is that it works fine if I set it to background color instead of underline.
Here's the CSS where it's specified.
Does anyone have any insight on this?
Code: Select all
/* Styling the apperance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
text-decoration: underline;
}
I should add, that these selectors are from the CSS menu template from CMSMS.
Re: How can I underline menu text on hover?
Posted: Tue Dec 18, 2007 10:23 pm
by calguy1000
Come on.....
This is not a CMS Specific issue.... it's a generic: "I don't know CSS' issue.
There are better forums for you to get answers for topics like this.
I consider this topic closed.
Re: How can I underline menu text on hover?
Posted: Tue Dec 18, 2007 10:45 pm
by casidougal
I'm confused by your rude reply.
What better forum would there be?
I'm posting in Community Support -> Layout and Design (CSS & HTML) Which is billed as:
"For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues."
While I'm not a CSS expert, I do "know it" . . . I've successfully styled many CMSMS menus but I cannot find a solution to this particular issue.
Who are you to say by glancing at my post that the layout issue is because "I don't know CSS"? As you're aware, the CSS menu is not run of the mill CSS . . . if everyone was a CSS expert I wouldn't think there would be a need for this forum.
Re: How can I underline menu text on hover?
Posted: Tue Dec 18, 2007 10:51 pm
by savagekabbage
Code: Select all
#primary-nav a:hover { text-decoration:underline; }
That should do the trick.
Re: LAYOUT ISSUE with menu CSS hover style
Posted: Tue Dec 18, 2007 11:11 pm
by casidougal
Sweet. I replaced all the code in my first post and works like a charm on all the major browsers.
I was assuming that all those selectors were necessary since they were in the CSS menu template from CMSMS and I never thought to challenge the logic of whoever put the stylesheet together to begin with.
You don't happen to have an entire menu style sheet that you've put together to replace the stock one? I like your approach much better.
Your help is greatly appreciated . . . thank you very much!!!