hidden/visible

[juninhogpe 15]

Bom dia amigos.

 

Estou com a seguinte dúvida:

 

Tenho um menu em css

ul.menu {margin:0; margin-top: -70px; padding:0; list-style: none; width:680px; position:absolute; top:30%; right:0%;}

Gostaria que o mesmo ficasse invisível na página e quando passasse o mouse (hover) sobre determinado espaço que chamei o mesmo ele aparecesse.

 

Seria com CSS mesmo ou teria que usar JS?

 

Obrigado a todos.

 

[Thiago Duarte 23]

Coloca isso:

 

ul.menu li a:hover {
background: #fff;
display:block;
}

 

caso não funciona passa o link do site para eu ver melhor para te ajudar

[juninhogpe 15]

Boa noite Thiago.

 

Obrigado pela resposta, mais não seria exatamente isso.

 

Tenho o site www.luizpaulofotografia.com.br.

 

Gostaria que o menu do site não ficasse visível ao site ser aberto, mais quando passasse o mouse na parte que é o menu ele apareceria.

 

Se puder me ajudar agradeço.

 

Obrigado.

[Thiago Duarte 23]

 

 

 

vai no seu css, na linha 233 e acrescenta display: none; que some o menu

 

agora se sumir, não vai aparecer dps... não entendi exatamente o que você quer, não tem algum site de referencia?

[Thiago Jourdan 3]

Olá.

 

Você tem que criar uma outra div pra esse menu, envolvendo ele. Então você coloca isso no CSS:

 

#nome_do_menu{
display:none;
}
#div_que_criou:hover #nome_do_menu{
display:block;
}

 

Mas a pessoa vai ter que adivinhar que tem algo pra passar o mouse e abrir o menu.

 

Qualquer coisa, pode retornar. :)

Thiago Jourdan.

[Thiago Jourdan 3]

juninhogpe,

 

Foi mal a demora, não to recebendo os e-mails de resposta...

 

Então, a solução seria aquela, mas eu precisaria do código do seu site pra poder aplicar fora da teoria.

Se puder enviar, ficará muito mais fácil de descobrir o problema. ^^

 

Thiago Jourdan.

[Eddy Goulart 2]

Está falando de menu com sub-menus? Quando passasse o mouse em um item do menu abreria outros um outro menu com itens ao lado? Se for isso, procure desenvolver com JS, pela questão de compatibilidade de navegadores.