Jump to content
Telgo

Ajuda com Menu e Sub-menu

Recommended Posts

Telgo

Boas a todos,

Andei a fazer um menu com CSS e HTML que fica-se com Sub-menu. Depois de 3 dias consegui finalmente fazer um menu com sub-menu mas apareceram alguns problemas que não consigo resolver...

Aqui está o menu - http://jsfiddle.net/Vk8fm/

Eu coloquei o sub-menu em "Action" e como podem ver tem um sub-menu "Reviews".

Mas quando eu coloco outro sub-menu [*] dentro de "Action" o mesmo fica desconfigurado.

[*]

<ul> <li><a href="#">Reviews</a> </ul> </li>

Por fim, eu queria que o sub-menu fica-se a "abrir" para cima, tentei usar bottom: 100% (foi o que me disseram) e nada acontece.

Eu não gosto de ter a "papinha feita" mas estou mesmo a precisar de ajuda e agradeço a quem o fizer!

Obrigado,

Telgo.

Share this post


Link to post
Share on other sites
Antonio_1988

O sub-menu a abrir para cima podes sempre fazer isto:

#menu_container li:hover ul{ display:block; background-color: #858585 ; height:auto; width:11em; background-color: #000; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; float: right; border: none; margin-top:-65px;}

Share this post


Link to post
Share on other sites
Telgo

O sub-menu a abrir para cima podes sempre fazer isto:

#menu_container li:hover ul{ display:block; background-color: #858585 ; height:auto; width:11em; background-color: #000; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; float: right; border: none; margin-top:-65px;}

Obrigado consegui colocar a funcionar, mas com isto parece outro problema.

Será possível deixar esse sub-menu aberto? Isto é, deixar-lo aberto até que seja aberto outro (se me fiz entender).

Também tentei perceber porque fica desconfigurado quando tento colocar mais que um sub-menu (dentro da mesma categoria) mas sem sucesso...

Obrigado,

Telgo.

Share this post


Link to post
Share on other sites
Antonio_1988

Sim isso é possível, mas para fazeres essas animações aconselho a utilizares o JQuery!

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

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.