need a quick fix for my WP blog's navigation [CSS]

Discussion in 'Programming' started by ThinkParadox, Dec 20, 2008.

0
  1. #1
    Please take a look at math*lodge.com. (remove the * please) On FF2 and I think Google Chrome, the top navigation part's hover effect has rough edges. I need someone to fix this - I want it to be smooth like how it appears on IE7 and FF3 on all major browsers (including FF2, and if possible, Chrome).

    Let me know your quote. I need this done ASAP.
     
    ThinkParadox, Dec 20, 2008 IP
  2. mangobyte

    mangobyte Well-Known Member

    Messages:
    436
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    I think the problem is in your style.css file on Line number 43

    See this code:
    #top-nav li.hover a {
background-color: #990; text-decoration: none; text-shadow: #ff4d00 0 -1px 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
    Code (markup):
    Edit the pixels in this part of code:
    -moz-border-radius: 5px; -webkit-border-radius: 8px;
    Code (markup):
    You will find some suitable effect on mozilla.. For more details pm me.. :)
     
    mangobyte, Dec 20, 2008 IP
  3. ThinkParadox

    ThinkParadox Peon

    Messages:
    148
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    Its edges are still rough, I want a smooth effect like how it appears on FF3...can anyone help?
     
    ThinkParadox, Dec 21, 2008 IP