Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS nav menu moves when hover

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #244609
    rashidhmoud
    Participant

    i don’t know what causing this problem. please see the code and then tell whats wrong.

    code:

    https://www.mediafire.com/?cj6cxc4ta88g8ii

    #244610
    mikehermary
    Participant

    Hello rashidhmoud,

    Add the following to your #Categories a CSS code. This will add a transparent 1 pixel border to the anchor links and prevent the shifting. Also, you can adjust the #Categories a:hover CSS code to the following.

    #Categories a{
        text-decoration:none;
        color:grey;
        border:1px solid transparent;
        border-radius:2px 2px 0 0;
    }
    
    #Categories a:hover{
        border-color:white;
        background-color:white;
    }
    
    #244612
    rashidhmoud
    Participant

    Hi mike
    thank you for your reply, yes that would prevent the menu from moving but its not exactly what im looking for

    visit fiverr.com and see how the menu works when hover

    thnx

    #244616
    rashidhmoud
    Participant

    Mike it worked!!!

    I just didn’t read your post carefully

    #244620
    mikehermary
    Participant

    Hello rashidhmoud,

    I am glad it worked for you.

    Mike

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.