troubleshooting Question

fly-out menus, want some items not linked to have hover state not appear

Avatar of Brad Bansner
Brad Bansner asked on
4 Comments1 Solution196 ViewsLast Modified:
On this page:

Relevant CSS is attached. Someone else built this website, I am being asked to make a change, and I am stuck. I think what I want to do is relatively simple, there are two places in the menus on the left where it says:

<a href="#">Mechanical Services:</a>

In those cases, I don't want the background (hover) state to appear. I got around the linking by making it "#" obviously, but client wants the hover state removed. But if I remove the <a> tags around it, then the style is completely broken. I'm hoping someone a little better with writing CSS can show me how to do this? Thank you!
li.mainlinks {
		position: relative;
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11px;
		line-height: 21px;
		color: #000000;
		margin: 0px;
		padding: 0px;
li.mainlinks:hover span.mainlinksfly {
		display: inline;
span.mainlinksfly {
		position: absolute;
		z-index: 3;
		top: 1px;
		left: 230px;
		width: 200px;
		display: none;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11px;
		line-height: 13px;
span.mainlinksfly a {
		padding-bottom: 4px;
		background-color: #e7eeda;
		padding-left: 8px;
		padding-right: 0px;
		display: block;
		padding-top: 4px;
		z-index: 1000;
		position: relative;
span.mainlinksfly a:hover {
		background-color: #d5e2c0;
		z-index: 1000;
		position: relative;

Open in new window

Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros