Ir para conteúdo

Arquivado

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

MisterF

Não consigo colocar link em uma DIV com efeito hover

Recommended Posts

Olá galera! É o seguinte, sou novo no HTML e CSS e queria fazer isso: No topo do site, tem aquela imagem do facebook sem cor (fundo cinza), eu queria que quando o usuário passasse o mouse em cima, ele virasse a mesma imagem, porém com fundo azul, além disso que essa DIV com essa imagem seja claro, um link. Só que não ta funcionando, nem o hover, e nem o link, Os códigos estão assim:

<div id="facebook"><a href="#"><img src="images/faceboocinza.jpg"></a>
          </div>

e o CSS

#facebook a{
	width:63px;
	height:71px;
	margin-left:133px;
}
	

#facebook a:hover {
	width:63px;
	height:71px;
	margin-left:133px;
	background:url(images/facebook.jpg);
}

bxwWy4.jpg

 

b98mXA.jpg

 

EidvtY.jpg

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloque a imagem cinza como background do elemento a, assim quando houver o hover, a imagem será trocada.

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.