Conflict with li:hover in another stylesheet

Forums > Cascading Popup Menus: Feedback > Conflict with li:hover in another stylesheet

Author

Message

1) Mike Group: Guests
IP: 24.45.--.--

Posted:

Hi, first I want to say thanks for such a great script!

I'm having some trouble with a stylesheet conflict. Our site already has the following in a stylesheet:

li:hover ul, li.over ul {
left: auto;
display:block;
}

This conflicts with the settings in listmenu_o.css. I'm not sure why the above style is set, but I don't want to remove it cause I don't know what will happen if any pages are depending on it.

Is there a workaround for this?

2) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 203.45.--.--

Posted:

You might want to rewrite your page like this:

<body>
<ul>....menu data</ul>
<div id="content">...page content</div>
</body>

and rewrite any contentious CSS classes to "#content li:hover" so they don't apply to the menu.

Good luck - Angus.

3) Mike Group: Guests
IP: 24.45.--.--

Posted:

thanks for the help -- as it turned out I just decided to comment out the conflicting code from the original stylesheet. all hell did NOT break loose, so I guess everything is ok :)

Conflict with li:hover in another stylesheet

Post a Reply: