View Full Version : jumping images with links

09-12-2007, 09:26 AM
I am trying to put a border around linked images that only show on hover. I can make it work OK but the image jumps as soon as I hover over it. I tried putting a border that is the same color as the background around the non hover state for the link but this did not improve the jumping. Any ideas please?

09-12-2007, 09:34 AM
Any sample code or link to show up?

09-12-2007, 06:50 PM
place the same size border on the 'not hovered' images, but the colour of the background, so that 'on-hover', you are not adding the borders to the layout, just altering the colour.

and, yes, having some code would be nice. Post your code if you have trouble understanding my comments.

09-13-2007, 09:40 AM
Thanks people it works now

.entry-content a img{ border: 1px solid #ffffff; }
.entry-content a:hover img{border: 1px solid #e82f14;}

I had the image and link tabs the wrong way round before.