hover on link not working

Posted on 2011-04-26
Last Modified: 2012-05-11
I have a page and on the main link, I have it set to hover a different color but when you hover over the link it turns white which blends into the page.  I cannot figure out what is going on.  The css for the active etc is working its just the hover
Question by:brightsusan

    Author Comment

    The links are not the menu - its the links down the site where it says "Success Tracking Sheet" and then  further down "email me"
    LVL 22

    Accepted Solution

    Hello brightsusan,

    At the end of your CSS file you have the below rule

    #tagline a:link, a:visited, a:hover, a:active{
    	color: #fff;

    Open in new window

    Which is incorrectly written and overriding your default link styles, you should always specify the ancestor for each rule after the commas as below

    #tagline a:link, #tagline a:visited, #tagline a:hover, #tagline a:active{
    	color: #fff;

    Open in new window


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Maximize Your Threat Intelligence Reporting

    Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

    Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

    737 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

    22 Experts available now in Live!

    Get 1:1 Help Now