<FORM> changing table spacing?

autopost · Jan 10, 2008

Hi all, 
 
this may well be a total n00b question so apologies if its a simple one

I'm having a bit of trouble with the spacing of a HTML table being changed whenever a wrap a image in a Form. 
 
Basically the spacing of the table is perfect with a couple of images embedded in the table cells which will be used as buttons. The problem occurs when I put the <Form> tag around the image as the table row gets taller even though there is no height or other formatting applied to the cell. I want the cell to be the same height as the image but it seems the form tag changes the height and no amount of messing around with cell properties seems to get rid of the extra space added below the button. 
 
so am I missing something? is there some extra parameters required to stop the forms messing about with the table spacing? Strangely the page looks fine in MS Frontpage *spit* but in IE its all over the place

Thanks in advance 
 
ChrisHow about seeing some code.Sorry for the delay in getting back to you, but here is a small example of what I mean. its not the actual bit of code what i'm working on but it demonstrates the problem nicely. 
 
the first table has the form tags wrapped around the image and you'll notice that there is a gap underneath it. 
 
the second table is the same, but has the Form tags remove and there is no gap under the image? 
 
any idea whay this is the case? 
 
Cheers 
 
Chris 
 
 
P.s 
 
Sorry about the pasting the HTML direct in the thread but I don't have access to some webspace I can host it on at the moment

so just cut and paste it in notepad etc 
 
 
 
<table BORDER="0"> 
 WITH FORM 
<tr> 
<td> 
 
<table border="1" bgcolor="#BEBFCE"> 
<tr> 
<td> 
Performance 
</td> 
 
<td> 
Quantity 
</td> 
 
<td> 
Total 
</td> 
 
<td> 
Remove 
</td> 
</tr> 
 
<tr> 
 
<td bgcolor="#BEBFCE" > 
 
Nemesis 
 
</td> 
 
<td bgcolor="#BEBFCE" > 
 
2 
 
</td> 
 
<td bgcolor="#BEBFCE" > 
 
?20.00 
 
</td> 
 
<td bgcolor="#BEBFCE" > 
<form action="\DeleteBasketItem?Performance=02CAD9&Perf_Year=2004" METHOD="Post" name="FORM_02CAD9"> 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/btn_remove.jpg" img name = "ITEM_02CAD9" width="123" height="54" 
 
onmousedown="JavaScript:document.FORM_02CAD9.submit()"> 
</form> 
</td> 
</tr> 
 
 
 
<tr> 
<td bgcolor="#BEBFCE" colspan="2"> 
  
</td> 
 
<td bgcolor="#BEBFCE" colspan="1"> 
TOTAL: ?20.00 
</td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 
 
 
 
<table BORDER="0"> 
 WITHOUT FORM 
<tr> 
<td> 
 
<table border="1" bgcolor="#BEBFCE"> 
<tr> 
<td> 
Performance 
</td> 
 
<td> 
Quantity 
</td> 
 
<td> 
Total 
</td> 
 
<td> 
Remove 
</td> 
</tr> 
 
<tr> 
 
<td bgcolor="#BEBFCE" > 
 
Nemesis 
 
</td> 
 
<td bgcolor="#BEBFCE" > 
 
2 
 
</td> 
 
<td bgcolor="#BEBFCE" > 
 
?20.00 
 
</td> 
 
<td bgcolor="#BEBFCE"> 
 
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/btn_remove.jpg" img name = "ITEM_02CAD9" width="123" height="54" 
 
onmousedown="JavaScript:document.FORM_02CAD9.submit()"> 
 
</td> 
</tr> 
 
 
 
<tr> 
<td bgcolor="#BEBFCE" colspan="2"> 
  
</td> 
 
<td bgcolor="#BEBFCE" colspan="1"> 
TOTAL: ?20.00 
</td> 
</tr> 
</table> 
</td> 
</tr> 
</table>Add the attribute in blue to your form 
<form style="margin:0;" action=Thanks, I knew it would be something simple

As you can tell I'm no pro web developer

Cheers 
 
Chris

<FORM> changing table spacing?

autopost

Guest