(Resolvido) Borda + link + css

[Victorgg]

Considerem esse "code" :

HTML:

<div class="minha_maezinha">
<a href="http://scriptbrasil.com.br/forum/index.php">
<img src=".....SEILA" border="0" />
</a>
</div>

CSS:

.minha_maezinha{
width: 200px;
height: 150px;
border-width: 4px;
border-color:silver;
border-style:outset;}

Isso tudo vai formar uma imagem "linkada" sem nenhuma "borda de link". Mas com uma borda do css de 4px em cinza. Agora vem a duvida, se você adicionar isso no css:

.minha_maezinha a:hover{
 border-color:red;}

Não funciona ! O que eu queria, era incialmente uma imagem sem nenhuma "borda de link" com uma borda css. E ao passar o mouse, a borda trocasse de cor. Deu pra entender? :blink:

Já tentei de tudo, estou quase cogitando a possibilidade de ter que fazer um rollover u_ú

Tem solução isso?

Editado Agosto 5, 2010 por Victorgg
Retirar palavra AJUDA do titulo conforme REGRA 3.6 *FIT*

[*FIT*]

Fiz assim e funcionou:

<style>
.minha_maezinha img{
width:178px;
height: 178px;
border-width: 4px;
border-color:silver;
border-style:outset;}

.minha_maezinha a img:hover{
border-color:red;}
</style>

<div class="minha_maezinha">
<a href="http://scriptbrasil.com.br/forum/index.php">
<img src="fit.jpg" border="0" />
</a>
</div>

O que acontece, é que você coloca a borda na div, e usa o hover no a, eu coloquei borda na imagem e usei o hover na imagem.

[Victorgg]

Muito bom !

Não sabia dessa tag "a img" sinceramente, estou de boca aberta !

Obrigado fit !

Só mais um coisa, então com isso, da pra se fazer um rollover só com css, estou certo?

Editado Agosto 5, 2010 por Victorgg

[*FIT*]

Sim, sem problemas.