プルダウンメニュー表示時の高さの指定方法
- ブラウザ上でプルダウンメニューを表示させる際に、表示される高さの指定方法について教えてください。
- プルダウンメニューの横幅は、<select>タグ内にwidth属性を指定することで設定が可能ですが、高さの指定方法について知りたいです。
- プルダウンメニューを表示させる際の高さの固定指定方法や、全項目を表示させる方法があれば教えてください。
- ベストアンサー
プルダウンメニュー表示時の高さの指定方法
ブラウザ上でプルダウンメニューを表示させる際に、表示される高さ(タテ幅)の指定をするにはどうすればよいか、ご存知の方は教えていただけないでしょうか? ちなみに、プルダウンメニューの横幅は、<select>タグ内に、「style="width:(幅を指定);"」を記述することで固定幅の設定が可能でしたが・・・ なお、プルダウンメニューは初期表示として、1件のみ表示させるものとします(すなわち、<select>タグ内の「size="1"」の指定は変えないこととする)。 というのも、プルダウンに表示させる項目(条件によって可変)の件数が多い場合に、プルダウンメニュー内でスクロールさせるのをできるだけ避けたいためです。 よって、方法としては、 1.プルダウン表示させる際の高さ(タテ幅)を固定で指定する 2.可能であれば、登録されている全項目の表示をさせる 以上2つの方法を考えています。 なにかよい方法があれば、ぜひ教えてください。
- nihonkai2002
- お礼率93% (104/111)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
ご存知のように<select>タグの属性で縦幅を設定することはできませんね。 http://tohoho.wakusei.ne.jp/html/select.htm スタイルでも設定はできないようですね。 異なるOSで同じブラウザで同じページの<select>タグ内を 表示しても縦幅が異なりますので OSに依存されてしまうのでしょうか? また、画面の解像度によるかもしれません。
関連するQ&A
- プルダウンメニューの幅
フォームのプルダウンメニューの幅は強制的に変えることができるでしょうか。 --- <select> <option>●●●●●</option> <option>▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲</option> </select> --- データとしては▲▲の文字数を保ちたいのですが、横幅を上の●●の文字幅にそろえたいときは、どうしたらよいのでしょう。 スタイルシート、JavaScriptを使うのでしょうか。
- ベストアンサー
- HTML
- プルダウンメニューで中央表示
プルダウンメニューで中央表示 HTMLのプルダウンメニューで文字を中央寄せにすることは可能でしょうか? ページのレイアウト上、ボックスの幅を広くとっていて、 リストの文字が端によりすぎてしまうので、中央に表示したいのですが、 tableタグなどで使えるalignのようなものはないのでしょうか。 ご存知の方、教えていただけると助かります。 よろしくお願いします。
- ベストアンサー
- HTML
- プルダウンメニューで・・・。
<SELECT>タグのプルダウンメニューで、 複数選択は可能でしょうか? 以前どこかのホームページで、Shiftキーを押しながらできたと思うのですが・・・。
- ベストアンサー
- HTML
- selectのプルダウンメニュー内容の高さ指定
selectのプルダウンメニュー内容の高さを指定することってできますか? 色々自分なりに探してみましたがなかったので質問させて頂きますーー プルダウンはしたいが、メニュー内容が多くなるとスクロールがでるのをなくしたく。しかしやっぱりでてしまうので高さを内容以上に指定すればスクロールバーがでなくなるのかな、と思いまして。
- ベストアンサー
- JavaScript
- プルダウンメニューの表示について
お世話になります。 ホームページを作成中ですが、文字の大中小に変更できるように設定したいです。 そこで見つけてきのはプルダウンメニューで、 <form name="puru"> <select name="amu" onchange="fontsize();"> <option>14pt</option> <option>12pt</option> <option selected>10pt</option> </select> </form> これを入れるというものですが、これだとプルダウンメニューの表示は10pt、12pt 14ptという表示に なってしまいます。これを利用して、プルダウンメニューの表示を大中小というふうにできないでしょうか? 回答をお願いします。
- ベストアンサー
- JavaScript
- プルダウンメニューの作成方法
ニッカンスポーツのHP http://www2.nikkansports.com/news/baseball/bb-fl.html にあるような 「ホーム、野球、、、、釣り」 のメニューで、「野球」の上にマウスをもっていくとプルダウンメニューが表示されるようなプログラムコード は分かりませんか? (JavaScriptかJavaか分かりません) (<select><option>タグではできそうにありませんが、 できるのか?)
- 締切済み
- JavaScript
- プルダウンメニューの見た目を変えたい!!!!!!!!……です。
はじめましてJackMINIと申します。 HP上で『プルダウンメニュー(オプションメニュー)を使いたい』と思うのですが、普通はメニューボタンの見た目がユーザー側の機種やブラウザに依存されてしまいますよね。 ですが、自分の作っているサイトのデザインにあまりに合わないので、その"メニューボタンの見た目"を変えたいのですが、出来る方法はありますでしょうか? (プルダウンの使用目的は、コンテンツのINDEXページからその下層にある各ページに飛べるようにするためです。) 実際には、例えばオリジナルのセレクトボタン画像を作ってsrcでリンクさせたり、形はデフォルトのままでも下地やテキストの色を指定したり…といった形でサイトのデザインに合わせられると良いのですが…。 ちなみに、Mac OS9.x のiCabでも正常に動作するように作っているので、 フォームの<SELECT>タグ<OPTION>タグを使ったオプションメニューを使うつもりです。(…条件が厳しくてスミマセン) もし無理なようでしたら、プルダウンと同じような機能で見た目をカスタマイズできる方法を教えていただけるとヒジョーに助かります。 ただ、FLASHは持っていないので使えません。m(__)m (…お金がないので) HTMLとJavaScript(もしくはCSS)で可能でしたら、多少面倒だったり難解だったりしても構いませんので、何卒御教授お願い致します。
- ベストアンサー
- JavaScript
- プルダウンメニューの開く方向をコントロールしたいのですが
はじめまして、flyingmanと申します。いつも皆なさんの質問・回答で勉強させていただいて大変感謝しております。 さて今回、年・月・日・時を選択するために4つのプルダウンメニューをselectタグを使い作成したのですが、日指定のプルダウンメニューだけが、上方向に開いてしまいほかの3つのメニューと開く方向をそろえたいと色々調べておりますがなかなかいい方法が見つからないしだいです。 selectタグへのスタイル指定でそのようなことができるかどうか教えていただけないでしょうか? 環境 OS:WindowsXP SP2 ブラウザ:Internet Explorer Ver6.0 のみ プルダウンメニューの開く方向は、プルダウンメニューの位置と開くメニューの高さで自動に決まってしまうのだろうとは思うのですが、位置をずらさずに開く方向だけを変更できる方法をご存知でしたら教えてください。 よろしくお願いいたします。
- ベストアンサー
- HTML
- プルダウンメニューからのリンクの貼り方
FORMのプルダウンメニューからリンクをはっていますが、新しいページを開くのはどうしたら良いでしょう? 今は <select name="menu" size="1" onchange="location=this.options[this.selectedIndex].value"> と書いていて、同じページ内で別ページに移動します。 またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか? ご存知なかたはよろしくお願いします。
- ベストアンサー
- JavaScript
- プルダウンメニューが表示されない
カテゴリを間違えていたようなので再投稿です。 Internet ExplorerV6を使っているのですが、最近になってお気に入りの プルダウンメニューの中でフォルダで整理している部分の内容が見えません。 透明(枠らしきものは見える)ですが、その中でクリックするとそのHPには 移動できます。 マイドキュメントなどのフォルダを開いてからお気に入りのプルダウンメニューを 開くと全て表示されます。 また、WordやExcelなどもプルダウンメニューが透明で見えません。 こちらはメニュー内の項目を選択することもできません。 新しいソフトのインストールは行っていません。 Windowsのアップデートは行ってアップデートするものが無い状態にはなっています。
- 締切済み
- その他([技術者向] コンピューター)
お礼
ご回答ありがとうございました。 お礼がすっかり遅くなってしまい、もうしわけありません。 いろいろ調べてみましたが、やはり縦幅に対しては指定ができないようでした。 どうもありがとうございました。