[SOLUCIONADO] problema con :hover

[cristo995]

mi problema es el siguiente:

tengo una serie de imagenes de 150 x 150 , ordenadas en 4 columnas y 3 filas , les e dado un estilo con hover para que al pasar el mouse por ensima el borde se agrande un poquito y cambie de color. el problema va que cuando paso el mouse por la las 3 primeras imagenes de cada fila las que estan debajo pierden su posicion alejandose mucho.. como si hubiera otra imagen en el medio, pero con la ultima de cada fila todo va bien no se descuadran nada ni nada. x q ?

aqui el html:

<img src="imagenes/1_s.jpg" id="im_mini">
<img src="imagenes/2_s.jpg" id="im_mini">
<img src="imagenes/3_s.jpg" id="im_mini">
<img src="imagenes/4_s.jpg" id="im_mini">
<img src="imagenes/2_s.jpg" id="im_mini">
<img src="imagenes/1_s.jpg" id="im_mini">
<img src="imagenes/4_s.jpg" id="im_mini">
<img src="imagenes/3_s.jpg" id="im_mini">
<img src="imagenes/1_s.jpg" id="im_mini">
<img src="imagenes/2_s.jpg" id="im_mini">
<img src="imagenes/3_s.jpg" id="im_mini">
<img src="imagenes/4_s.jpg" id="im_mini">

aqui el css:

#im_mini{
margin-top:15px;
margin-left:15px;
float:left;
border:1px solid gray;
}

#im_mini:hover{
border:2px solid blue;
cursor:pointer;

}

creo que es halgo con el hover: , borde

por q si en el #im_mini:hover border dejo la misma cantidad q en el estado actual todo funciona muy bien..

pero con 1px q aumente en el hover de una vez se me descuadran

[pzin]

Añádele a tus imagénes:

Código CSS:

box-sizing: border-box;
 

Así el borde formará parte del ancho y alto del elemento. Supongo que será eso tu problema. Con la última no te pasará porque no hay imágenes posteriores.

[cristo995]

mm no me funciono :(

se soluciono quitandole el : float-left :)

gracias por responder..

[yandorf]

No deberías usar "id" para seleccionar varios elementos, usa "class"

[tonigomila1988]

Hola cristo995:

Estoy con yandorf y deberias quitar todos esos id y cambiarlos por class.

Recibiste alguna noción básica de HTML y CSS?

Saludos.

[cristo995]

sissi jejej.. perdona por contestar hasta ahora pero andaba de viaje

lo de el: id : jejej esque se me paso , si claro deve ser con class para mas de una etiqueta jeje esq fue por culpa de la tecnologia copiar y pegar y se me habia olvidado :)