At this address, http://www.gamexplain.com/catalog.htm , I’m having some spacing issues with my “Add to Cart” image/form button. Currently, there’s quite a lot of space beneath it and I don’t know why. I’d like to remove that space. Thanks.
There’s no space at all beneath it in Mozilla, and looking at the source, I can’t see any reason why there would be in any browser. Your code could definitely use some cleaning up, though. In the cells with the “Add to Cart” buttons, there are </font> tags which don’t refer back to any <font> tag. And (this really needs to be fixed) your HTML document has two <body> tags, one of which is inside your header.
Odd, I’m using IE and there’s a very noticable space.
Yeah, the HTML is just preliminary, I want to nip the big problems in the butt first, then nail the smaller ones.
IE? Well why didn’t you say so? I managed to fix it (I think) by including the following attribute in the <form> tag:
style=“margin:0”
Or, an easier way is to add this line to the style declaration in your header:
FORM { margin: 0 }
It looks to me like IE’s default style sheet has a non-zero bottom margin for forms. Just overwrite it, and voilà!
Incidentally, nailing the big problems first is exactly what I was proposing.
Oh, and with all the work I’m putting into this site, it’d better turn out good, darn it.
Thank you so much! It solved my problem with ease. =)
Lol, I really do appreciate it. Perhaps when I’m done, I’ll send you one of my products for free