formで出来る微妙な空間を消したい

質問

<form>をtableの中に入れたとき、たとえば
************************

<table><tr><td bgcolor=#0000ff><form><input type=submit class=a　value="RES"></form></td></tr></table>

************************
とした時に、RESと書かれたボタンの下にかなり空間が残ります。（その空間が分かりやすいようにbgcolorをつけました。）だいたい１行分くらいの空間でしょうか・・・
これの空間を消し去る方法はありますか？？
こちらはIE６です。

回答No.3

noname#199778 · ベストアンサー

スタイルシートを利用した方法で、マージンを消すことができます。
formタグ内でスタイルシートを指定して、「<form style="margin: 0;">」とすれば、その空間は消えるのではないかと思います。
複数箇所でそういう部分があるのであれば、head内に

<style type="text/css">
<!--
form{margin: 0;}
-->
</style>

と記述する方法で、ページ全体のformに一括してスタイルシートを適用できます。

それ以外の方法としては、formタグをtableタグの外側に配置するのではいかがでしょうか。

お礼

できました＾＾
ありがとうございます！

回答No.2

ryota2

<form style="margin:0;">
でどうでしょう。

お礼

できました＾＾
またおねがいします！
ありがとうございました！

回答No.1

noname#3345

この書き方がHTML的には正しいのですが、正しい書き方をすると空白を消すことはできません。
<FORM>タグの前後に空白が開くのは仕様のようです。

空白を発生させないためには、<TR>タグ、または<TD>タグの間に入れるといいです。

<table>
　<tr>
　<form>
　　<td bgcolor=#0000ff>
　　　<input type=submit class=a　value="RES">
　　</td>
　</tr>
　</form>
</table>

HTML仕様的にはこれは間違いなのですが、どのブラウザでも問題なく動作しますので、通常使用しています。

# ・・・っていうか、空白あく仕様の方がおかしいし。（＾＾；；

お礼

あ、記述がまちがっていたんですね＾＾；
ありがとうございました！