mostrar bordes al pasar el raton

dablin · #1 (**permalink**) 26/06/2009, 11:01

Hola a todos!
Tengo un div que contiene una imagen y quiero que cuando se pase por encima de el se marquen los bordes.

Código:

<style>
div:hover{
  border:1px solid #2F4F4F;
}
</style>
<div class="bordes"> <img src="#"/></div>

Pero claro al ponerlo asi todos los div se señalarian yo he probado a meterle una clase pero entonces ya no me funciona

div.bordes:hover{
border:1px solid #2F4F4F;
}

¿Alguna idea?
Gracias
Como hago para que funcione...

Calizman · #2 (**permalink**) 26/06/2009, 11:56

Saludos!!

A ver.. Creo que no tienes muy bien claro esto de el CSS. Te lo explico con ejemplos si?

Tu CSS seria algo asi:

Código CSS:

Ver original#cuadro {
bla bla bla 
}
#cuadro img:hover {
border: 1px solid #2F4F4F;
}

Y tu HTML algo asi:

Código HTML:

Ver original<div id="cuadro">
  <img src="imagen.jpg" />
</div>

Y asi, funciona perfectamente.

Hasta Luego!!

roloamoroso · #3 (**permalink**) 28/06/2009, 19:04

PRIMERO LO DE CSS

Código:

img.enlace{
border:0; 
}
a:hover img.enlace {
border: 3px #000000 solid;
}

LUEGO

Código HTML:

<HTML>
<HEAD>
<TITLE>IMAGEN QUE CAMBIA BORDER</TITLE>
</HEAD>
<BODY>
<a href=""><img class="enlace" src="imagen.jpg" /></a>
</BODY>
</HTML>

funciona espero que te haya sido de buena ayudaç

saludos!!!!