- 締切済み
<FORM>タグを使ったドロップダウンメニュー
以下のようなソースでドロップダウンメニューを作りました。 ---------------------------------------------------- <FORM> <SELECT NAME=list onchange=top.location.href=this.form.list.options[this.form.list.selectedIndex].value> <OPTION VALUE="index.htm">トップ <OPTION VALUE="new.htm">What's New! </SELECT> </FORM> ------------------------------------------------------ この時、「トップ」や「What's New！」などのボックス内に表示される文字の フォントサイズを大きくしたいのですが、何かよい方法はありませんでしょうか？？ できればIEとNNどちらのブラウザからでも見れるようにもしたいです。 よろしくお願いします。
- osarucom
- お礼率16% (5/30)
- HTML
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- kiyopi21
- ベストアンサー率41% (14/34)
No.1の回答のようにスタイルシートを使うとフォントサイズやフォントの種類など を設定できます。 IEやNNで使用するときの注意事項が下記のホームページに載っていますので、 参考にしてください。
- chupark
- ベストアンサー率41% (90/218)
NNから見られるかどうかはわかりませんが、 スタイルシートで書式を設定すればフォントサイズやカラーは変更できるはずです。 <select style="font-size:12pt;color=blue"> なんてお手軽でいいのではないでしょうか？
関連するQ&A
- テーブル内でドロップダウンメニューを使った際の行間
テーブルの中に配置したフォーム（ドロップダウンメニュー）の下に 無用な空白ができてしまい，このままだとレイアウトが崩れて困っています． 文末のHTMLソースをそのままIE6で表示いただくとご理解いただけると思います． <select size="1">としても改善しないため， <body>，<table>，<tr>，<td>，<form>などへ，CSS で， height で小さい数値を入れたり，line-height で行間詰めを試みても改善せず． これはもう仕方ないでしょうか？ よろしくお願い致します。 <html> <head><title></title></head> <body> <table border="1"> <tr> <td> <form> <select onchange="location=this.options[this.selectedIndex].value"> <option>選択</option> <option value="1ndex.htm">1 <option value="2frame.htm">2 </select> </form> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- ドロップダウンメニューで特定項目を選択できないようにしたい
下記のドロップダウンメニューで 「野球について」「サッカーについて」の行は見出しの役割なので 選択できないようにしたいのですが、どうしたらいいでしょうか。 <option disabled>野球について</option> としてみましたが、ダメでした。 <html> <body> <select onchange="location.href=this.options[this.selectedIndex].value"> <option value="./0.html">ルールトップ</option> <option>野球について</option> <option value="./1.html"> ├アウト</option> <option value="./2.html"> ├セーフ</option> <option value="./3.html"> ├ストライク</option> <option value="./4.html"> └ボール</option> <option>サッカーについて</option> <option value="./5.html"> ├ゴール</option> <option value="./6.html"> ├フリーキック</option> <option value="./7.html"> ├オフサイド</option> <option value="./8.html"> └ファール</option> </select> </body> </html>
- ベストアンサー
- HTML
- ドロップダウンメニューによるアイフレームへのリンク
現在Webサイトを作っています。 ですがドロップダウンメニューからリンクをし、リンク先をアイフレームにするのがうまくいきません。 問題のページのHTML、及びJavaScriptは以下の通りです。 <html> <head> <script type="text/javascript"> <!-- function Mylink(form,sel){ mlink=sel.options[sel.selectedIndex].value; if(mlink!="-"){parent.albumf.location.href=mlink;} } //--> </script> </head> <body> <center> <IFRAME name="albumf" frameborder=0 src="●●.html" scrolling=no allowtransparency=true></IFRAME> <BR> <BR> <FORM method="post"> <select onChange="Mylink(this.form,this)"> <OPTION selected value="-"> ＊ メニュー ＊</OPTION> <OPTION value="-">------------------------</OPTION> <OPTION value="●●.html">項目１</OPTION> <OPTION value="▲▲.html">項目２</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM> </center> </body> </html> JavaScriptに関する様々なページを調べましたが、どうしても自力で解決できませんでした。 どなたか改善方法を教えて下さい。 よろしくお願いします。
- ベストアンサー
- JavaScript
- ドロップダウンメニューのサイズ設定
ドロップダウンメニューのサイズ（幅）が大きいので小さくしたいのですがこのソースの何処を変えればいいのでしょうか 教えてください <SCRIPT LANGUAGE="JavaScript"> <!-- function Mylink(Sel){ mlink=Sel.options[Sel.selectedIndex].value; if(mlink!="-"){ window.open(mlink,"","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); } } //--> </SCRIPT> <FORM method="post"> <select onChange="Mylink(this)"> <OPTION selected value="-"> ★ メニュー ★</OPTION> <OPTION value="-">------------------------</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="呼び出し先">呼び出す名前</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM>
- ベストアンサー
- Windows XP
- Pull Down Menuについて
Pull Down Menuで 別のフレ－ムにリンクする方法 ↓ <FORM> <SELECT onChange="parent.フレーム名.location.href=this.options[this.selectedIndex].value"> <OPTION VALUE="#">リンク先を選んでね <OPTION VALUE="URL１">Link１ <OPTION VALUE="URL２">Link２ <OPTION VALUE="URL３">Link３ <OPTION VALUE="URL４">Link４ <OPTION VALUE="URL５">Link５ </SELECT> </FORM> をしました。 ところが、別フレームにリンクできる事はできたのですが 一番上の「リンク先を選んでね」って所でも別フレームに リンクされてしまいます。 原因がわかる方がいたら教えて下さい。
- ベストアンサー
- HTML
- ＨＴＭＬ ドロップダウンメニューのリンク先
<SCRIPT LANGUAGE="JavaScript"> <!-- function Mylink(sel){ mlink=sel.options[sel.selectedIndex].value; if(mlink!="-"){ location.href=mlink; } } //--> </SCRIPT> <FORM method="post"> <select onChange="Mylink(this)"> <OPTION selected value="-"> ★ メニュー ★</OPTION> <OPTION value="-">------------------------</OPTION> <OPTION value="java_tokei1.html">時計の色と大きさをかえてみよう</OPTION> <OPTION value="java_hizuke.html">今日の日付を表示させよう</OPTION> <OPTION value="java_alert1.html">ボタンでアラートを表示させよう</OPTION> <OPTION value="java_back1.html">ボタンで背景の色をかえてみよう</OPTION> <OPTION value="java_link1.html">ボタンでリンクさせよう</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM> 以上のようなドロップダウンメニューを入れたのですが リンク先を別ウインドウで開くことはできるでしょうか？ _blankをどこかにいれられますでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- <form>タグのプルダウンメニューでのカラー設定
<form>タグでプルダウンメニューを作ったのですが、メニューの右になる▼の色設定や、メニュー枠の色設定、枠線サイズ設定などをするやる方法はありますでしょうか。 現在のソースはスタイルシートで .form_block { display: block; width: 75px; color: #000000; background-color: #008000; border: outset 1px #005000; margin: 0px; padding: 0px 0px 0px 0px; font-size: 11px; line-height: 15px; text-align: center; text-decoration: none; } htmlソースで <FORM class="form_block"> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)" class="form_block"> <OPTION SELECTED class="form_block">項目</OPTION> <OPTION VALUE="select1.htm" class="form_block">選択肢１</OPTION> <OPTION VALUE="select2.htm" class="form_block">選択肢２</OPTION> </SELECT> </FORM> と記述してますが、うまくいきません。 詳しい方、よろしくお願い致します。
- ベストアンサー
- HTML
- セレクトメニューでジャンプしたページを新しいWindowで表示したい
リンク先をセレクトメニューで選んでもらって、そのページ内に開く方法は色々なJavaScriptを紹介しているページで見せていただいたのですが、同じWindowではなく、新しいWindowを開いてそこに表示したいのです。 下記は同じWindow内に開いてしまいますが、現在はこのようなカンジで使用しています。 <form> <select onChange="location=this.options[this.selectedIndex].value"> <option value="">選択して下さい <option value="test1.html">TEST-1 <option value="test2.html">TEST-2 <option value="test3.html">TEST-3 </select> </form> 宜しくお願いしますm(_ _)m
- ベストアンサー
- JavaScript
- プルダウンで・・・???
<FORM> <SELECT onchange="location=this.options[this.selectedIndex].value"> <OPTION value="">-----メニュー----- </OPTION> <OPTION value="index.html">TOP </OPTION> <OPTION value="">---------- </OPTION> <OPTION value="内緒・・・">BBS </OPTION> <OPTION value="">---------- </OPTION> </SELECT> </FORM> とした場合 -------- の部分をクリックすると変なページにとびます なんかファイルの一覧みたいな・・・ クリックしてもなにもおこらないようにまたはクリックができないようにするにはどうすればいいのですか?
- ベストアンサー
- HTML
