Solved

CSS Issue

Posted on 2013-12-27
4
193 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 53

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 53

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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 to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Suggested Courses

635 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