html buttons dropdown menu

Asked

Viewed 1,505 times

0

I have a drop down menu and when I move the mouse to the second chance it disappears. 

     <nav>
  <ul class="menu">
        <li><a href="#">Home</a>
                <ul>
                      <li><a href="#">Quem Somos?</a></li>
                      <li><a href="#">Missão e Valores</a></li>
                      <li><a href="#">Actividades</a></li>                   
                </ul>
            </li>
        <li><a href="#">Seguridad Suministro</a>
        <ul>
                      <li><a href="#">Produtos petroliferos</a></li>
                      <li><a href="#">GPL</a></li>
                      <li><a href="#">Gás Natural</a></li>                       
                      <li><a href="#">Internacional</a></li>
                </ul>
            </li>
            <li><a href="#">Finanzas</a>
                <ul>
                      <li><a href="#">Financiacion</a></li>
                      <li><a href="#">Informações Financeiras</a></li>

                </ul>
            </li>
        <li><a href="#">Normativa</a> 
        <ul>
                      <li><a href="#">Normativa Internacional</a></li>
                      <li><a href="#">Normativa Nacional</a></li>
                      <li><a href="#">Normativa Sectorial</a></li>                   
                </ul>
            </li>
        <li><a href="#">Cores conecta</a></li>

        <li><a href="#">Miembros</a>
         <ul>
                      <li><a href="#">sujetos obligados</a></li>
                      <li><a href="#">Info cores</a></li>

                </ul>
            </li>

        <li><a href="#">Novedades</a>
         <ul>
                      <li><a href="#">Desde CORES</a></li>
                      <li><a href="#">Calendario Eventos</a></li>
                      <li><a href="#">Área corporativa</a></li>                      
                </ul>
            </li>                  
</ul>
</nav>
html submenu
  • 2

    Do you happen to have the css/js of what you have for this? Or post in jsfiddle for example?

  • And just to see to realize that you are not closing the <ul class="menu"> and has a </nav> where there should be a </ul>.

  • http://jsfiddle.net/cgPtw/

  • I think I miscopied the code

  • 1

    Could you post only the CSS snippets related to the menu in the question itself? I also recommend reading this article from the help desk: http://answall.com/help/mcve

  • I’ve already put the excerpt in the question

Show 1 more comment

1 answer

3


The problem is when the mouse goes over the element with class .Galeria. Download the z-index to force the mouse to view the menu.

I tried this and it worked well: http://jsfiddle.net/cgPtw/1/

.Galeria {
    position:absolute;
    top:200px;
    left:150px;
    z-index: -1;
}

Browser other questions tagged html submenu

You are not signed in. Login or sign up in order to post.