I added a block of text to the home page, and there is padding between each line. I have set ALL padding in reset.css and boxes.css to 0px, but still there is space between each line. The space shows up in Firefox but not IE7. Help?
I included the link in the original post. If you look at it in Firefox, there is space between the horizontal lines and the image of the doorknob, both above and below. In IE, there is no space (in other words, the gray horizontal lines perfectly sandwich the photo). I prefer it without the space, just like if it were a table with the cellpadding set to zero. I’ve tried setting all padding in the css to zero… fooled with the margins… obviously there is some element that Firefox is deferring to that IE does not. Help?
I see what you mean. Here’s what you need to do.
Assign “display:block” CSS to both the double grey bar images AND the doorknob image, and get rid of the <br/> that you’re using just below the first gray bar (the one right above the door knob).
Firefox by default adds additional spaces around images on certain occasions, and using ‘display:block’ gets rid of them.