Page 1 of 2 12 LastLast
Results 1 to 10 of 16

Thread: AnyLink CSS Menu Hover Color Issues

  1. #1
    Join Date
    Aug 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default AnyLink CSS Menu Hover Color Issues

    Ok for some reason when I change the color of the hover color the menu no longer shows a hover color. If I leave it black (as shown below in the default code) it hovers black. Change it to any other color and I get nothing. Any ideas?

    Code:
    .anylinkcss a:hover{ /*hover background color*/
    background-color: black; <--- Change this and you get no hover color.
    color: white;
    }
    }
    Script URL: http://www.dynamicdrive.com/dynamici...anylinkcss.htm

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    It works fine for me even when I change the color, hex, or rgb. They all work. Although there is a problem with the script in the css. The problem is that ddadmin added two curly brackets, instead of one. It may be a problem with your browser, although It did work in mine, FF 3, IE 7, Safari. All of them. So find this in your code:
    Code:
    .anylinkcss a:hover{ /*hover background color*/
    background-color: black; <--- Change this and you get no hover color.
    color: white;
    }
    And change it to this:
    Code:
    .anylinkcss a:hover{ /*hover background color*/
    background-color: black; <--- Change this and you get no hover color.
    color: white;
    }
    I hope this helps,
    Nile
    Jeremy | jfein.net

  3. #3
    Join Date
    Aug 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I must be missing something because my code and what you told me to replace it with look identical.

  4. #4
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Oh, I'm sorry. Thats my mistake.
    Find:
    Code:
    .anylinkcss a:hover{ /*hover background color*/
    background-color: black; <--- Change this and you get no hover color.
    color: white;
    }
    }
    And delete the highlighted.
    That was my mistake.
    Jeremy | jfein.net

  5. #5
    Join Date
    Aug 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ok so wanna know what's odd? I did what you said. I changed the hover color to yellow. Works. I change it to white. Nothing.

  6. #6
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Weird. Did yellow work before? Also. Try white as: #FFFFFF, if you don't know what this is its called a hex #. You can find out all the colors in hex and rgb here:
    http://www.dynamicdrive.com/dynamici...cker/index.htm
    Jeremy | jfein.net

  7. #7
    Join Date
    Aug 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Never tried yellow before. It works now. As does most every other color I try. EXCEPT white. WTF? Even tried it with #FFFFFF and no luck. Tried like #CCCCCC and it works.

  8. #8
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Now try in rgb:
    Code:
    rgb(255,255,255);
    Jeremy | jfein.net

  9. #9
    Join Date
    Aug 2008
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    LOL! No luck. Tried rgb(255,0,255); and I get a nice purplish hover color though. So are you starting to wonder WTF is going on?

  10. #10
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    No:
    Code:
    rgb(255,255,255);
    Not:
    Code:
    rgb(255,0,255);
    That one wasn't my mistake. If we can't do it in this, I must be able to find something in the javascript.
    Jeremy | jfein.net

Bookmarks

Posting Permissions

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