I have a problem with placing images below each other. In IE and Opera it looks good, but Firefox and Mozilla are placing 1 pixel margin between 3 of the 8 images. (see attached file). Can someone help me out?
Set the img tags to display
Set the img tags to display block. img is an inline element and by default aligned with the text baseline, which is a pixel or two above the bottom to leave space for letters with descenders. The gap may or may not show up in different browsers due to the way they are placing the images in the line box and how they are stretching the line box itself. By using display:block you take the whole inline line box thing out of the mix.
Thanks, this helps... a
Thanks, this helps... a little. In IE, Mozilla and Firefox it looks good now, but now IE7 suddenly places a 3px space between the images. This is what I am using:
I removed the line on top,
I removed the line on top, now it works fine.