- 締切済み
フォームタグのプルタウンの隙間が開くのは何故？
フォームタグにプルタウンメニューっていうのがありますよね。 クリックするとびろろーんとでるやつです。 タグはこれです。 <FORM> <SELECT NAME="bl2" onChange="if(document.bl.bl2.value){location.href=document.bl.bl2.value;}"> <OPTION SELECTED>・・・内容・・・ </SELECT> <!--<INPUT TYPE="button" VALUE="Go!" onClick="menuLink(document.form1.bl2.options [ document.form1.bl2.selectedIndex ] .value)">--> </FORM> です。しかし・・・これを使うと何故か上下に隙間ができます。 図はこんな感じです。 オブジェクト プルタウンメニュー オブジェクト このような感じでどうしても隙間があいてしまうのですが どうすればこの隙間を消せますか？
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
本質的には・・・ formタグは段落として機能しているので、改行（らしきもの）があって 当然と考えるべきです。いわゆるpタグと同じです。 どうしてもというなら#1さんのおっしゃるようなスタイルの設定で なさることも可能ですが、あまり推奨されるものではありません。 （divで置き換えについてはいかがなものかとは思いますが・・・） <FORM style="margin:0px;"> とか <FORM style="display:inline;"> とすると、おおむねご希望の状態になると思います。
- qqw55fs9k2
- ベストアンサー率100% (1/1)
初めまして。 隙間が出来てしまうのは、<form>と</form>タグがオブジェクトのソ ースのすぐ近くにあるからだと思います。 ↓テーブルタグでレイアウトしている場合の対応策です。 <table> <tr> <td>オブジェクトのソース</td> </tr> </table> <table> <tr> <form> <td>プルダウンのソース</td> </tr> </form> </table><table> <tr> <td>オブジェクトのソース</td> </tr> </table> --------------------------------------------------------------- ページ内にひとつだけ<form>タグを配置するのであれば、<form>タ グを<body>タグのすぐ下に記述して、</form>タグを</body>タグの すぐ上に記述する方法でも問題ないかと思います。 <body> <form> <オブジェクトのソース> <プルダウンのソース> <オブジェクトのソース> </form> </body> </html> よろしければ試してみて下さい。
- steel_gray
- ベストアンサー率66% (1052/1578)
(1)<form>と</form>を削除、または<div>と</div>に変える。 （バグのある古いブラウザで表示されなくなる事があります。 が、私的には無視して構わないと思います。） (2)CSS（スタイル）で調整する。 ↓<head>～</head>間に入れる。 <style type="text/css"> form{margin:0;} </style>
