Forums

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

Home Forums CSS display:none / block problem

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #237639
    jjee
    Participant

    Hi, I have a problem while I’m making my website.
    I have div menu and I made this visible when the menu is clicked.
    The below link is my website,
    jjee.graphics

    On my website, there are three menus – chronicle, media and span.
    I used below css(display: none and :block) to make the menu appears when user click the menu.

    #chronicle {
    position: absolute;
    width: 100%;
    height: 150px;
    margin: -19px 0px 0px 0px;
    z-index: 99999999;
    display: none;
    color: #595959;
    }
    #chronicle_2:target {
    display: block;
    }

    But if I click the menu, the website isn’t the top of the screen. When I click the menu, the menu is the top of the screen and then it goes down to the proper position. It looks like a blink. Or sometimes the menu is the top and doesn’t move down. I don’t know how I can fix it?

    Thank you in advance!

    #237648
    Paulie_D
    Member

    We’d need a demo in Codepen.io with just enough code to demonstrate the issue rather than a small piece of code an a link.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.