Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

sinister182

Problema na configuração de um "estado" do menu

Recommended Posts

Pessoal venho aqui pedir ajuda a você para "configurar" um menu que eu fiz (com ajuda de alguns tutoriais).

 

Eu gostaria de quando passar o mouse sobre determinado link a cor de fundo mudasse e a fonte também então pensei em colocar na parte dos atributos hover etc uma cor diferente de fonte e background mas não funcionou. Alguém com alguma dica ?

 

o menu esta aqui:Menu

 

/*aqui eu defini a largura do menu etc*/
ul
{
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
/*aqui eu estou fechando o menu ou seja colocando a borda necessária para que ele fique na forma de "caixas*/
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
font-size:100%;
background: #fff; /* IE6 Bug */
}
/*aqui são os estilos dos itens principais do menu*/
ul li 
{
position: relative;
}
/* aqui são os estilos dos submenus*/
li ul
{
position: absolute;
left: 149px;
top: 0px;
display: none;
}
/*aqui é o menu em repouso*/
ul li a 
{
display:block;
text-decoration: none;
color: #fff;
background: #000;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul ul, li.over ul ul { 
display:none; 
}

li:hover ul, li li:hover ul, li.over ul, 
li li.over ul
{ 

display: block; 


-->
</style>

ajuda ae galerinha ^^

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu gostaria de quando passar o mouse sobre determinado link a cor de fundo mudasse e a fonte também então pensei em colocar na parte dos atributos hover etc uma cor diferente de fonte e background mas não funcionou. Alguém com alguma dica ?

só uma dica :hover no IE só funciona na tag <A> e se a tag possuir href=""

;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

então pessoal eu não usei nada de ajax etc apenas um pouquinho de javascript para os submenus abrirem do lado do menu mas ainda não estou conseguindo mudar a cor quando passo o mouse em cima, na verdade, eu consegui fazer funcionar no firefox mas no ie num funciona não =[

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

Pode ser problema do seu JavaScript.

 

Cumps \o/

Compartilhar este post


Link para o post
Compartilhar em outros sites

pesquisa no google que tem um esquema para fazer funcionar o :hover no IE

 

 

abraço

 

^^ brigadão kra consegui achar um link pra funcionar no internet explorer, mas me diga uma coisa, porque na maioria das vezes css funciona perfeito no firefox/opera etc e no ie da problema ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa e ae?

 

então, porque ff, safari opera tem um suporte adequado para css, já a microsoft não tem isso tudo.

 

claro que, o ie7 está tendo um suporte bom, mas o nosso caro amigo ie6 já não tem isso tudo.

 

cara, simplifiquei bastante, mas é isso ae.

 

abração!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.