• ベストアンサー

フォームの下にスペースが・・・

下記のようなフォームタグをテーブルの中にいれると、下にスペースが空いてしまいます。 このスペースをなくす方法は、ないのでしょうか? <FORM method="post"> <SELECT name="link"> <OPTION selected value="-">★</OPTION> <OPTION value="-">★</OPTION> </SELECT> <INPUT type="button" value="GO!" onClick="location.href=this.form.link.options[this.form.link.selectedIndex].value"> </FORM> よろしくお願いします。

  • HTML
  • 回答数3
  • ありがとう数4

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

  • ベストアンサー
  • mrumesuke
  • ベストアンサー率45% (254/557)
回答No.3

”何の”下にスペースが空くのか質問文からは分かりませんが、フォームの前後に空く空白行のことをさしているのであれば、スタイルシートでスペースを無くすことはできます。 <FORM method="~" action="~" style="margin:0px"> ~ </FORM>

参考URL:
http://tohoho.wakusei.ne.jp/css/reference.htm#margin
basika
質問者

お礼

回答ありがとうございます。 >”何の”下にスペースが空くのか質問文からは分かりませんが フォームの下です。文がぬけていて、すみませんでした。 無事解決いたしました。 ありがとうございました。

その他の回答 (2)

  • nwycuar
  • ベストアンサー率0% (0/3)
回答No.2

マージンです。 a<form></form>a <br> b<form style=margin=0></form>b

basika
質問者

お礼

回答ありがとうございます。 無事解決いたしました。 ありがとうございます。

noname#10926
noname#10926
回答No.1

フォームに背景色を付けてIEで見てみるとスペースはありませんね。 編集画面での問題だけでは?

basika
質問者

お礼

回答ありがとうございました。 編集画面での問題ですか・・・ また、やり直してみたいとおもいます。

関連するQ&A

  • プルダウンから飛んだページにアクセスする方法

    アクセスする事が出来なくて困っています。初歩的なもので申し訳ないのですが、よろしくお願いします。 <HTML> <HEAD> <TITLE> </TITLE> <script language="javascript"> <!-- function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } //--> </script> </HEAD> <BODY> <form method=post> <select name="navi">  <option value a href="URL">リンク <option value a href="URL">リンク1 <option value a href="URL">リンク2 <option value a href="URL">リンク3 </select> <input type=button value="ジャンプ" onClick="location.href =(this.form.navi.options[this.form.navi.selectedIndex].value)"> </form> </BODY> </HTML>

  • フォーム

    <FORM> <SELECT onchange="location=this.options[this.selectedIndex].value"> <OPTION value="">----- 一覧 -----</OPTION> <OPTION value="no1.html"target="f2">NO1</OPTION> </FORM> うまくできません なぜでしょうか

    • ベストアンサー
    • HTML
  • フォームタグのプルタウンの隙間が開くのは何故?

    フォームタグにプルタウンメニューっていうのがありますよね。 クリックするとびろろーんとでるやつです。 タグはこれです。 <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> です。しかし・・・これを使うと何故か上下に隙間ができます。 図はこんな感じです。 オブジェクト プルタウンメニュー オブジェクト このような感じでどうしても隙間があいてしまうのですが どうすればこの隙間を消せますか?

  • ドロップダウンリストから、新ウィンドウへ移動するにはどうしたらよいのでしょうか?

    こんばんは。プログラム初心者ですが、よろしくお願いいたします。 現在、下記のスクリプトを書いておりますが、これを「新ウィンドウを開いて、そこに移動させる」にはどうしたらよいのでしょうか。 大変恐縮ですが、初心者ですので、下記を修正していただければ幸甚です。 <FORM name="form"><SELECT name="test"> <OPTION selected>リンク先を選ぶ</OPTION> <OPTION value="http://○○○.html">○○○</OPTION> <OPTION value="http://◎◎◎.html">◎◎◎</OPTION> <OPTION value="http://●●●.html">●●●</OPTION> </SELECT> <INPUT type="button" onclick="location.href=form.test.options[form.test.selectedIndex].value" name="button" value="移動"></FORM> なお、<FORM name="form">を<FORM target="blank" name="form">にしてみましたが、新ウィンドウは開かず、元のウィンドウのまま移動しました。 お手数ですが、よろしくお願い申し上げます。

    • ベストアンサー
    • HTML
  • 複数のプルダウンメニューの組み合わから外部リンクを作りたい・・・

    複数のプルダウンメニューからそれぞれ組み合わから外部リンクを作りたいのですが、できません。 過去に、こちらで質問されている方がいましたが http://oshiete1.goo.ne.jp/qa3418973.html 回答されている方の様作成したらプルダウンが2個なら上手く動作しました。 やりたいことは、全く上記の方の質問内容と 同じです。 今回、4個のプルダウンメニューで作成したいのですが 上手くいきません・・・ 上記の質問にご回答されていた方のものを 参考にサンプルで作成してみたのですが 動作しません・・・ それと、各プルダウンメニュー内で表示させたい項目が12あるのですが簡潔にjavascriptの記述ができますでしょうか? arr[0][0][0]= "http://www.link_0_1.com";・・・・ 以下の行数がとても長くなってしまうので 簡潔にしたいのですが、できますでしょうか? こちら、javascriptは初心者です。 どうぞ、宜しくお願いします。 ----------------------------------------------------------- <html> <head> <script Language="JavaScript"> <!-- /*** 変数 ***/ // カラー (color) とサイズ (size) インチ(inch)の初期値 var color = 0; var size = 0; var inch = 0; // 二次元配列を定義する。 var arr = new Array(); arr[0] = new Array(); arr[1] = new Array(); arr[2] = new Array(); // arr[色][サイズ][インチ] という指定でリンクする URL が決定する。 arr[0][0][0]= "http://www.link_0_1.com"; arr[0][1][0]= "http://www.link_0_1.com"; arr[0][2][0] = "http://www.link_0_1.com"; arr[1][0][0] = "http://www.link_0_1.com"; arr[1][1][0] = "http://www.link_0_1.com"; arr[1][2][0] = "http://www.link_0_1.com"; arr[2][0][0] = "http://www.link_0_1.com"; arr[2][1][0] = "http://www.link_0_1.com"; arr[2][2][0] = "http://www.link_0_1.com"; arr[0][1][0] = "http://www.link_0_1.com"; (以下省略) /*** 関数 ***/ function set_color(selected_option) { color = selected_option.selectedIndex; print_link_url(); } function set_size(selected_option) { size = selected_option.selectedIndex; print_link_url(); } function set_inch(selected_option) { inch = selected_option.selectedIndex; print_link_url(); } function print_link_url() { document.form1.link_url.value = arr[color][size][inch]; } function jump() { location.href = arr[color][size][inch]; } // --> </script> </head> <body> <form name="form1" method="GET"> カラー: <select onChange="set_color(this)"> <option value="赤">赤</option> <option value="青">青</option> <option value="黄">黄</option> </select> サイズ: <select onChange="set_size(this)"> <option value="L">L</option> <option value="M">M</option> <option value="S">S</option> </select> サイズ: <select onChange="set_inch(this)"> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> </select> <br> <input type="button" value="検索" onClick="jump()"> <br> </form> </body> </html>

  • プルダウンメニューが文字化けする

    タイトル通りプルダウンメニューが文字化けしてしまいます。javaを使ってホームページに表示させています <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <!--メニュー↓--> <script language="javascript"> <!-- function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } //--> </script> <form method=post> <select name="navi">  <option value=""> --メニュー -- <option value="http://">TOPページ <option value="http://">特別企画 <option value="http://">ご挨拶 <option value="http://">ご協力 <option value="http://">PC版 <option value="http://">ブログ </select> <input type=button value="ジャンプ" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> <!--メニュー↑-->

  • HTML教えて下さい!!!!

    セレクトメニューで別ウィンドウを開きたいのですが出来ません。 教えてください!!よろしくおねがいします。 <tr> <td> <select size="1" onchange="location.href = this.options[selectedIndex].value"> <option value="../○○○/○○○/index.html" selected>●●●●●</option> <option value="../○○○/○○○/index.html" >●●●●●</option> <option value="../○○○/○○○/index.html">●●●●●A</option> </select> </form></td> </tr> で、ブランクを入れてみたのですが、、、 <tr> <td> <select size="1" onchange="location.href = this.options[selectedIndex].value"> <option value="../○○○/○○○/index.html" target="_blank" selected>●●●●●</option> <option value="../○○○/○○○/index.html" target="_blank">●●●●●</option> <option value="../○○○/○○○/index.html" target="_blank">●●●●●</option> </select> </form></td> </tr> 、、、、ダメでした。間違っているんですよね。。。 よろしくお願いします。

  • onclickタグ類が開けない

    こんにちは。 プルダウン(ボタンあり)のリンクについてなのですが、HTMLサイト様やその他のサイト様ではウィンドウが開けるのに対して、私が打ったonclick系タグ全般(2フレーム同時リンクなど)がエラーを起こしてウィンドウが開けません。 以下が例のタグです。 <form method="post" name="puru2"> <select name="sentaku2"> <option>最初の文字</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> </select> <input type="button" value="ボタンの文字" onclick="parent.表示させたいページ名.location.href=document.puru2.sentaku2.options[document.puru2.sentaku2.selectedIndex].value"> </form> どこが悪いのか全然わかりません。 ご回答、お願いします。

  • プルダウンから飛んだページを別ウインドウで開く方法

    初歩的なJavaScriptで申し訳ないのですが、ご教授願いします。 下記のプルダウンのJavaScriptで、例えばヤフーと言う部分を選択し、飛ぶをクリックするとヤフーに飛びますが、その際ヤフーにとんだページを別ウインドウで表示させたいのですが、お分かりの方いらっしゃいましたらこの素人に教えてください・・ <HTML> <HEAD> <script language="javascript"> <!-- function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } //--> </script> </HEAD> <BODY> <form method=post> <select name="navi" size="10" "abc" onChange="document.b.submit()"> <option value="http://www.yahoo.co.jp/">ヤフー </select> <input type=button value="飛ぶ" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> </BODY> </HTML>

  • selectbox と セキュリティ保護?

    <SELECT OnChange="location.href=this.options[this.selectedIndex].value"> <OPTION value="#" SELECTED>-- リンク候補 -- <OPTION value="http://xxx/">ページ1 <OPTION value="http://yyy/">ページ2 </SELECT> ネットで上記のような selectbox を使ったリンクをよく見かけますが、 便利そうなので、ブラウザ用のスタートページ(ローカルに置いてあります)に使おうとすると、 「セキュリティ保護のため、このコンピューターに・・・」といった警告がイチイチ出てしまいます。 ローカルでこの仕組みを使うなら、 セキュリティーレベルを下げないとダメなのでしょうか? また同じような(省スペース、一発移動できるもの)やり方があれば教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう