Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Jan 2010
    Posts
    105
    Thanks
    18
    Thanked 0 Times in 0 Posts

    Arrow a:hover color dosn't work

    Thanks solved
    Last edited by Haidar; 07-11-2011 at 03:49 PM.

  • #2
    New Coder
    Join Date
    Jun 2011
    Posts
    46
    Thanks
    1
    Thanked 2 Times in 2 Posts
    I'm not sure exactly what you're asking as I did not follow all of your instructions to see your example.

    But, you have not defined a separate a:hover for the left div class. So by default it would use your basic a:hover (below). And according to my color chart that would yield a light grey.

    a:hover {
    text-decoration: underline;
    color: #817D6F;
    }

    Am I missing something?

  • Users who have thanked kwdamp for this post:

    Haidar (07-11-2011)

  • #3
    New Coder
    Join Date
    Sep 2009
    Posts
    73
    Thanks
    5
    Thanked 9 Times in 9 Posts
    In your CSS file locate:

    Code:
    h4, h5, h6, a {
        color: #FFFFFF;
        text-decoration: none;
    }
    Delete the color property there or change it to another color, that is the CSS property that is causing it to turn white on mouse over.

    Edit: ** On second though, just remove the "a" from the CSS property above and you should be fine. **
    Last edited by ARCLite Studio; 07-11-2011 at 06:31 AM.

  • Users who have thanked ARCLite Studio for this post:

    Haidar (07-11-2011)

  • #4
    New Coder
    Join Date
    Jun 2011
    Posts
    46
    Thanks
    1
    Thanked 2 Times in 2 Posts
    Again, it's late, so maybe I'm not thinking clearly or missing something, but because he defined a:hover a:link a:visited and a:active, wouldn't the a tag there mean nothing for any of those? I thought the more specific the attribute the higher level of priority it got...

    Quote Originally Posted by ARCLite Studio View Post
    In your CSS file locate:

    Code:
    h4, h5, h6, a {
        color: #FFFFFF;
        text-decoration: none;
    }
    Delete the color property there or change it to another color, that is the CSS property that is causing it to turn white on mouse over.

    Edit: ** On second though, just remove the "a" from the CSS property above and you should be fine. **

  • #5
    New Coder
    Join Date
    Sep 2009
    Posts
    73
    Thanks
    5
    Thanked 9 Times in 9 Posts
    Quote Originally Posted by kwdamp View Post
    Again, it's late, so maybe I'm not thinking clearly or missing something, but because he defined a:hover a:link a:visited and a:active, wouldn't the a tag there mean nothing for any of those? I thought the more specific the attribute the higher level of priority it got...

    Well, yes and no. It seems that according to W3 CSS Standards the ORDER in which you place pseudo classes will affect the outcome: see HERE

    On that note, a partial quote from that page is:
    Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

    Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

    Note: Pseudo-class names are not case-sensitive.
    There is another issue here, to my knowledge the "a" tag is considered to be a parent of the pseudo classes and it programmatically ONLY controls the appearance of any "unvisited" link by default where as all the pseudo classes control issues about the link not addressed by the "a" tag by default.

    The reason I point this out is that "a" and "a:link" both affect the same property of the object link, in this case the default color and underline (decoration), but when a CSS property is defined for the "a" tag as well as the "a:link" pseudo class, I believe the "a" tag CSS will prevail, or the order in which its placed in the CSS will prevail, I didn't take the time to test which was correct
    Last edited by ARCLite Studio; 07-11-2011 at 07:10 AM. Reason: Because it's too early for this and my typing is suffering :)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •