PDA

View Full Version : CSS style making image gallery jump?


trixifab
06-21-2010, 01:38 AM
Hi

http://www.underexposed.freeiz.com/mairi_gallery.html

If you have a look at this gallery page, the images jump when you hover over them. I have a CSS rule applied to turn the border black.

anyone know why it jumps and is there another way to turn the border black without this.
thanks

gentleone
06-21-2010, 08:42 AM
The jumping is because you have different margins on the .image.holder img:hover class. Remove them!


.image.holder img {
border: 5px solid #ccc;
padding: 0px;
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
}
.image.holder img:hover {
border: 5px solid #080808;
padding: 0px;
margin-top: 60px;
margin-right: 45px;
margin-bottom: 45px;
}

trixifab
06-21-2010, 10:58 AM
oh thats done it, thanks!