フォームタグのプルタウンの隙間が開くのは何故？

締切済

質問者：wc13
質問日時：2007/06/04 23:17
回答数：3件

フォームタグにプルタウンメニューっていうのがありますよね。
クリックするとびろろーんとでるやつです。
タグはこれです。
<FORM>
<SELECT NAME="bl2" onChange="if(document.bl.bl2.value){location.href=document.bl.bl2.value;}">
<OPTION SELECTED>・・・内容・・・
</SELECT>

</FORM>

です。しかし・・・これを使うと何故か上下に隙間ができます。
図はこんな感じです。

オブジェクト

プルタウンメニュー

オブジェクト

このような感じでどうしても隙間があいてしまうのですが
どうすればこの隙間を消せますか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： yambejp
回答日時：2007/06/05 11:18

本質的には・・・

formタグは段落として機能しているので、改行（らしきもの）があって
当然と考えるべきです。いわゆるpタグと同じです。

どうしてもというなら#1さんのおっしゃるようなスタイルの設定で
なさることも可能ですが、あまり推奨されるものではありません。
（divで置き換えについてはいかがなものかとは思いますが・・・）

<FORM style="margin:0px;">
とか
<FORM style="display:inline;">
とすると、おおむねご希望の状態になると思います。

- 0
- 件

通報する

No.2

回答者： qqw55fs9k2
回答日時：2007/06/05 01:25

初めまして。

隙間が出来てしまうのは、<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>

よろしければ試してみて下さい。