[SOLVED] Layout issue with menu CSS hover style

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
casidougal
Forum Members
Forum Members
Posts: 98
Joined: Tue Jun 06, 2006 10:08 pm
Location: USA

[SOLVED] Layout issue with menu CSS hover style

Post 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.
Last edited by casidougal on Tue Dec 18, 2007 11:22 pm, edited 1 time in total.
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm
Location: Fernie British Columbia, Canada

Re: How can I underline menu text on hover?

Post 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.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
casidougal
Forum Members
Forum Members
Posts: 98
Joined: Tue Jun 06, 2006 10:08 pm
Location: USA

Re: How can I underline menu text on hover?

Post 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.
savagekabbage
Forum Members
Forum Members
Posts: 75
Joined: Mon Apr 23, 2007 3:51 pm
Location: Northern Virginia, United States

Re: How can I underline menu text on hover?

Post by savagekabbage »

Code: Select all

#primary-nav a:hover { text-decoration:underline; } 
That should do the trick.
casidougal
Forum Members
Forum Members
Posts: 98
Joined: Tue Jun 06, 2006 10:08 pm
Location: USA

Re: LAYOUT ISSUE with menu CSS hover style

Post 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!!!
Last edited by casidougal on Tue Dec 18, 2007 11:23 pm, edited 1 time in total.
Post Reply

Return to “Layout and Design (CSS & HTML)”