Jump to content
Sign in to follow this  
Maykel-ctba

Menu Dropdown Horizontal

Recommended Posts

Fala galera, beleza?

Estou me quebrando para tentar aplicar uma solução aqui.

Tenho o seguinte layout:

P0XFhBd.jpg

Não estou conseguindo fazer o menu dropdown horizontal, como mostra a imagem. Tentei aplicar float:left nos LI's mas simplesmente não funciona. Fica um embaixo do outro. Então, tentei mover a posição do "position:relative" para a div que envolve todo o menu, e ficou mais próximo disso, mas agora não consigo alinhá-lo logo abaixo de soluções.

Montei um codepen para visualizar melhor: http://codepen.io/maykelesser/pen/zNdJyr

Alguém pode me ajudar?

Share this post


Link to post
Share on other sites

Não sei se entendi o problema, mas você sabe como fazer um menu dropdown?

Precisa trabalhar com o display:none e display:block desse submenu de acordo com o hover de cada sessão do menu principal.

Se este for o problema, siga estes exemplos:

http://www.w3schools.com/css/css_dropdowns.asp

http://www.w3schools.com/howto/howto_css_dropdown.asp

Share this post


Link to post
Share on other sites

Bruno, sei sim. Na verdade, deixei ele apenas com display block só para testar os encaixes.

Não gostaria de mexer no HTML, mas acabei tendo que fazer isso.

Consegui solucionar ;-)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.