フォームタグにプルタウンメニューっていうのがありますよね。
クリックするとびろろーんとでるやつです。
タグはこれです。
<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>
です。しかし・・・これを使うと何故か上下に隙間ができます。
図はこんな感じです。
オブジェクト
プルタウンメニュー
オブジェクト
このような感じでどうしても隙間があいてしまうのですが
どうすればこの隙間を消せますか?
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
本質的には・・・
formタグは段落として機能しているので、改行(らしきもの)があって
当然と考えるべきです。いわゆるpタグと同じです。
どうしてもというなら#1さんのおっしゃるようなスタイルの設定で
なさることも可能ですが、あまり推奨されるものではありません。
(divで置き換えについてはいかがなものかとは思いますが・・・)
<FORM style="margin:0px;">
とか
<FORM style="display:inline;">
とすると、おおむねご希望の状態になると思います。
No.2
- 回答日時:
初めまして。
隙間が出来てしまうのは、<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>
よろしければ試してみて下さい。
No.1
- 回答日時:
(1)<form>と</form>を削除、または<div>と</div>に変える。
(バグのある古いブラウザで表示されなくなる事があります。
が、私的には無視して構わないと思います。)
(2)CSS(スタイル)で調整する。
↓<head>~</head>間に入れる。
<style type="text/css">
form{margin:0;}
</style>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
HTMLエラーを自動修正するソフ...
-
TABLEのセルの中の文字を行単位...
-
cssで、1行2段のtableを記述す...
-
TR タグの表示・非表示を一括で...
-
HTMLで<HR>以外で線を引く方法...
-
ホームページの画面をパソコン...
-
テーブル幅が固定できない
-
テーブル内のセル間にスペース...
-
CSSで特定のテーブルだけに...
-
パソコンで見るとレイアウトが...
-
HTML tableのセルにtextareaを...
-
tableにul,または,olを入れられ...
-
テーブルの行を折りたたみたい...
-
html でのテキスト結合について
-
線が一番細いテーブル
-
テーブルの装飾
-
テーブルのセルに画像をピッタ...
-
テーブルの位置を細かく指定し...
-
表の1列だけをCSSを使って右揃...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
HTML tableのセルにtextareaを...
-
テーブルデータを折り返して表...
-
tableの位置がIEとその他ブラウ...
-
<fieldset>タグについて
-
正規表現で「より前」と「より後」
-
スタイルシートで左側だけ色を...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
HTMLのテーブルをExcelにCopy&P...
-
html5のテーブル内でdivのタブ...
-
(HTML)Tableを任意の位置に置...
おすすめ情報