• ベストアンサー

formの下

HTMLで <table>・・・</table><table>・・・</table> とすると上下に隙間なくぴったりとくっつきます。ところが、 <form>・・・</form><table>・・・</table> とformにすると何故かtableとの間に1行空白ができてしまいます。 このせいかどこに織り込んでも下に1行余白ができてしまいます。 なぜでしょうか?またどのようにすればぴったりくっつきませでしょうか? よろしくお願いします。

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

<form style="margin-bottom:0"> としてみるとか

ame-sanc
質問者

お礼

<(_ _)><(_ _)><(_ _)><(_ _)><(_ _)>(大感謝) すごいです! 下にくっつけて間を0にするということですね。 指摘されれば意味がわかるのに、なかなかとっさにそういうふうに結びつけられません。もう少しスタイルシートを勉強しなければと深く反省しました。 どうもありがとうございました。

関連するQ&A

  • htmlでテーブル内にテキストボックスを作りたいのですが・・・

    教えてください。 2行のテーブルを作ろうとしています。 1行目が項目で 2行目が入力できるようにしたいです。 入力できるようにしたいので テーブル内にテキストボックスを作ったのですが どうしてもテーブルを作る囲い線と テキストボックスの右側の間に余白ができてしまいます。 テキストボックスの下にできる余白は <form> <table> </table> </form> という感じで、テーブルをフォームで囲むことで 無くすことができました。 HTMLでこの余白を消せる方法がありましたら ぜひ、教えてください。 よろしくお願いしますm(__)m

    • ベストアンサー
    • HTML
  • imgの下に余白が出来てしまう

    1週間位悩んでいますが、わかりません。 どなたか助けてください。 下のようなHTMLを書いています。 <table border="0" cellspacing="0" cellpadding="0"> <tr><td><img src="img/head.bmp" border="0"></td></tr> </table> で、画像の上下左右に余白が出来ると困るのですが、 下側だけに3~4dot程度の余白が出来てしまいます。 ちなみに、画像のサイズは762x63dotです。 試しに <tr height="90"><th valign="bottom"> <img border="1" ... とやると、画像がテーブルの中で下の方に配置されますが、やっぱり下に3~4dot程度の余白ができます。 また、余白はimgのborderの外側にあります。 どうか、宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • formタグ下にできる隙間を埋めたい

    HTMLでformタグを挿入し、cssで行間指定をしました。 firefoxでは問題ないのですが、IEで見ると、フォームの直下に余分な隙間ができてしまいます。 この隙間を埋めたいのですが、対処方法を教えていただけないでしょうか。

    • ベストアンサー
    • HTML
  • formタグを使うと不要な空行が出てしまいます。(サンプル有り)

    いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。 あるフォーム(Google検索ボックス)をページの中に入れようとしています。 下記のような、HTMLを書いてみました。 上の文章 <form> form の文章 </form> 下の文章 どうやっても、「form の文章」の上下に2,3行分くらいの空行が できてしまいます。 <form height="16">としてもだめです。 どのようにすれば、空行をなくせるのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • formで出来る微妙な空間を消したい

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

    • ベストアンサー
    • HTML
  • テーブル内のプルダウンの下に余白ができてしまう

    以下のようなHTMLにて、プルダウンメニューの下になぜか余白ができてしまいます。 この余白部分を消すにはどうしたらよいでしょうか? padding-bottomを使うのかといろいろ試していますが、解決できません。 どなたかご教授いただけますと幸いです。 <html> <body> <table border='1'> <tr> <td> コンテンツから探す </td> </tr> <tr> <td> <form> <select onChange="top.location.href=value"> <option value="#"></option> <option value="page1.html">ページ1</option> <option value="page2.html">ページ2</option> <option value="page3.html">ページ3</option> </select> </form> </td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • formを連続してピッタリと上下に並べたいのですが

    DreamveaverでHTMLの編集をしております。 formを連続してピッタリと上下に並べたいのですが、 どうしてもformとformの間に隙間ができてしまいます。 これは仕方がないのでしょうか? 具体的には <form name="form1" method="post" action=""> <select name="select1"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type=submit value="order"> </form> <form name="form1" method="post" action=""> <select name="select2"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type=submit value="order"> </form> な感じなんですが。 どなたかアドバイスいただけると嬉しいです。

  • ネットスケープナビゲーターでの表と表の間の空白について

    HTMLでWEBサイトを現在製作しています。 その際に<table>タグで表を2つ(幅500ピクセルくらいです)、縦に並ぶように配置したのですが、インターネットエキスプローラーで見ると普通に並んでいるのですが、 ネットスケープナビゲーターで見ると、上の表と下の表の空白が、およそ30から50ピクセルくらいあいてしまいます。 空白があき過ぎのように思いますが、これはブラウザーの特性でしょうか?他のサイトさんではあまり見かけないように思うのですが。 意味がないかも知れませんが、HTMLで上の表の最後の</TABLE>と下の表の最初の<TABLE>の間も一文字も隙間が無いようにしています。 そして<TABLE>の属性は、 cellspacing="0" border="0" cellpadding="0" にしています。 上の方の表は高さも指定しています。 下の表は高さの指定はしていません。 お手数ですが解決方法をご存知の方、お願い申し上げます。

    • ベストアンサー
    • HTML
  • IEでFORMタグをつけた場合のスペース

    現在IE6.0を使用しています。 フォームオブジェクトを使用する際に、<FORM NAME="TEST"></FROM>と、FORMタグで囲むと、その囲んだ部分の上下に大きなスペースがあいてしまいます。 このFORMタグをはずすと、行間(?)がつめられるのですが・・・。 FORMタグを使用すると、このようになるものなのでしょうか? またその場合は、この上下の余分な空白をなくす方法はありますでしょうか? よろしくお願いします。

    • ベストアンサー
    • CSS
  • tableタグを挿入すると上部にスキマができる。

    ライブドアのブログで、HTMLソースから書こうと思っているのですが、tableタグを入れる(表を使いデザインする)と、必ず上部にスキマができてしまいます。 行にして5-6行程度のスキマです。 このスキマを無くすにはどうしたらいいのでしょうか?教えてください。お願いいたします。