# HTML Image/Form Problem

**URL:** https://boards.straightdope.com/t/html-image-form-problem/139067
**Category:** Factual Questions
**Created:** [November 27, 2002, 7:18am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067 "2002-11-27T07:18:52Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)
#### Post date: [November 27, 2002, 7:18am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067/1 "2002-11-27T07:18:52Z")

</div>

At this address, [http://www.gamexplain.com/catalog.htm](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.

---

<div class="post-metadata">

### Author: ![Achernar](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Achernar](https://boards.straightdope.com/u/Achernar)
#### Post date: [November 27, 2002, 7:47am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067/2 "2002-11-27T07:47:08Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)
#### Post date: [November 27, 2002, 7:53am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067/3 "2002-11-27T07:53:40Z")

</div>

> [@](#):
>
> \*Originally posted by Achernar \*  
> \*\*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.

---

<div class="post-metadata">

### Author: ![Achernar](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Achernar](https://boards.straightdope.com/u/Achernar)
#### Post date: [November 27, 2002, 8:20am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067/4 "2002-11-27T08:20:30Z")

</div>

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. 😉

---

<div class="post-metadata">

### Author: ![Achernar](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Achernar](https://boards.straightdope.com/u/Achernar)
#### Post date: [November 27, 2002, 8:26am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067/5 "2002-11-27T08:26:14Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)
#### Post date: [November 27, 2002, 8:28am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067/6 "2002-11-27T08:28:31Z")

</div>

Thank you so much! It solved my problem with ease. =)

---

<div class="post-metadata">

### Author: ![Duderdude2](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@Duderdude2](https://boards.straightdope.com/u/Duderdude2)
#### Post date: [November 27, 2002, 8:29am UTC](https://boards.straightdope.com/t/html-image-form-problem/139067/7 "2002-11-27T08:29:46Z")

</div>

> [@](#):
>
> \*Originally posted by Achernar \*  
> \*\*Oh, and with all the work I’m putting into this site, it’d better turn out good, darn it. 😉 \*\*

Lol, I really do appreciate it. Perhaps when I’m done, I’ll send you one of my products for free 🙂