• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

LuPereira

Imagens :hover

7 mensagens neste tópico

Boas,

Estive a tentar fazer uns links com imagem e que, quando eu passasse com o cursor do rato por cima da imagem ela mudava para outra. O únco problema é que ela não substitui a anterior e aparece mais abaixo um pouco, por baixo de outra div...

Alguém tem soluções?

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

ok.

CSS:


#img {
border: 0;
margin-left: 13%;
margin-top: -10%;
margin-bottom: 50px;
}

#img a:hover {
background: url(homehover.png);
border: 0;
text-decoration: none;
}

#img img {
border: 0px;
}

#img a {
text-decoration: none;
border: 0;
}

HTML:


<body bgcolor="#bbbbbb">

<link href="styledw1.css" type="text/css" rel="stylesheet">

<div id="header">
</div>

<div id="home">
<div id="img"><a href="file:///C:/Documents%20and%20Settings/Lu%C3%ADs%20Filipe/Ambiente%20de%20trabalho/dw1.html"><img src="home.png"></a></div>
</div>

Apenas estou a colocar as partes do CSS e HTML que se relacionam com o que pretendo resolver...

Cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Uma coisa é tu alterares a source da <img> outra coisa é adicionares uma background-image ao <div> que é o que tu estas a fazer e acho que pretendes é a trocar a source da <img>.

Eu fazia isso por javascript, por CSS, não sei ao certo como é possível mudar a source da tag <img>, não sei se a propriedade background-image altera a source quando aplicada a <img>. Exprimenta alterar o id="img" do <div> para o <img>. Mas não sei se isto funciona porque eu faço sempre este tipo de coisas por javascript.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora