HTML Image/Form Problem

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. :wink:

Oh, and with all the work I’m putting into this site, it’d better turn out good, darn it. :wink:

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 :slight_smile: