Solved

CSS Issue

Posted on 2013-12-27
4
187 Views
Last Modified: 2013-12-28
Hello,

Please go to rkassoc.org/FWLSCO. Use login of tester, password of ttemp.

Notice on the next page (main.php) the menu bar; I want to text color to be BLACK when the mouse hovers over something with background of the light yellow.

I can't figure out how to make it do that.

CSS is inline; see by viewing source.

What will make the text color black on the yellow background & everything else JUST like it is now?

Thanks
0
Comment
Question by:Richard Korts
  • 2
  • 2
4 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39742956
Did you try

ul.drop li a:hover{color:black;}
0
 

Author Closing Comment

by:Richard Korts
ID: 39742961
That's perfect EXCEPT on the Menubar Item "Workorders" which has two dropdowns underneath; when you move off the Workorder menu item, the font color changes back to white; nice if it stayed back (for visibility).

Thanks
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39742984
Try just using

li:hover a{ color:black;}
0
 

Author Comment

by:Richard Korts
ID: 39743798
That changed the font text color to black in the pulldowns; not good.

rkorts
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now