• ベストアンサー

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

<form>をtableの中に入れたとき、たとえば ************************ <table><tr><td bgcolor=#0000ff><form><input type=submit class=a value="RES"></form></td></tr></table> ************************ とした時に、RESと書かれたボタンの下にかなり空間が残ります。(その空間が分かりやすいようにbgcolorをつけました。)だいたい1行分くらいの空間でしょうか・・・ これの空間を消し去る方法はありますか?? こちらはIE6です。

質問者が選んだベストアンサー

  • ベストアンサー
noname#199778
noname#199778
回答No.3

スタイルシートを利用した方法で、マージンを消すことができます。 formタグ内でスタイルシートを指定して、「<form style="margin: 0;">」とすれば、その空間は消えるのではないかと思います。 複数箇所でそういう部分があるのであれば、head内に <style type="text/css"> <!-- form{margin: 0;} --> </style> と記述する方法で、ページ全体のformに一括してスタイルシートを適用できます。 それ以外の方法としては、formタグをtableタグの外側に配置するのではいかがでしょうか。

rousei
質問者

お礼

できました^^ ありがとうございます!

その他の回答 (2)

  • ryota2
  • ベストアンサー率43% (61/140)
回答No.2

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

rousei
質問者

お礼

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

noname#3345
noname#3345
回答No.1

この書き方がHTML的には正しいのですが、正しい書き方をすると空白を消すことはできません。 <FORM>タグの前後に空白が開くのは仕様のようです。 空白を発生させないためには、<TR>タグ、または<TD>タグの間に入れるといいです。 <table>  <tr>  <form>   <td bgcolor=#0000ff>    <input type=submit class=a value="RES">   </td>  </tr>  </form> </table> HTML仕様的にはこれは間違いなのですが、どのブラウザでも問題なく動作しますので、通常使用しています。 # ・・・っていうか、空白あく仕様の方がおかしいし。(^^;;

rousei
質問者

お礼

あ、記述がまちがっていたんですね^^; ありがとうございました!

関連するQ&A

専門家に質問してみよう