Problem with <form><td></td></form>

[KiwiDave]

Hi,

Got this little issue. It is to do with an image button and how it is displayed on screen

 

Now I have a button in a table field. I have code like this:

 

echo "<FORM ACTION = 'options.php' METHOD = 'GET'><TD align = 'center'>";

echo "<INPUT type = 'hidden' name='opt' value = '2'>";

echo "<INPUT type = 'hidden' name='user' value = '$user'>";

echo "<INPUT type = 'image' src='$deleteimg' value='Submit'></TD></FORM>”;

 

This works sweet in Internet Explorer and the formatting is great but Firefox and Safari do not like it and won’t show the image. Explorer and Firefox examples are shown below:

 

However I do this (moving the form inside the TD)

 

echo "<TD align = 'center'><FORM ACTION = 'options.php' METHOD = 'GET'>";

echo "<INPUT type = 'hidden' name='opt' value = '2'>";

echo "<INPUT type = 'hidden' name='user' value = '$user'>";

echo "<INPUT type = 'image' src='$deleteimg' value='Submit'></FORM></TD>”;

 

It works in Explorer, Firefox and Safari but the formatting comes out screwed up. Its appears to add a line to the bottom of the image making the single row now twice the size in space. It is almost as if it was creating a blank label at the bottom of the image.

 

Does anyone know why this is happening and what workaround there is so I can have the formatting of the first example and also have it compatible with Firefox and Safari.

 

[haku]

You will save yourself many hours of headaches if you code first in FF or Safari, and then adjust for IE. FF and Safari are standards compliant browsers, but IE is not.