• ベストアンサー

ホームページのプルダウンメニューについての質問です。

ホームページのプルダウンメニューについての質問です。 http://bsgroup.co.jp/test/down/test.html 上記のサンプルのようなメニューバーで1箇所だけダウンさせたいのですが、 IE6やIE7で見るとどうしても崩れてしまいます。 対策か何かいい方法がありましたら教えてください。 よろしくお願いいたします。 全く別のやり方でも構いません。 希望としましては、選択で色が変わる事と、ダウンしたメニューが下の画像の上に来る事です。 よろしくお願いいたします。

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

回答がないみたいなので… スクリプトやCSSを利用することで可能ですが、先人が作成したものが数多くあるので、それらを利用するのがよいのでは? 検索すれば沢山見つかるはずです。 以下、例として。(内容は確認してません) ◇ CSSのみのタイプ  http://coliss.com/articles/build-websites/operation/css/675.html  http://coliss.com/articles/build-websites/operation/css/1593.html  http://www.lucky-bag.com/archives/2005/03/css_3.html ◇ javascript利用のタイプ  http://coliss.com/articles/build-websites/operation/javascript/1042.html  http://www.css-lecture.com/log/javascript/jquery-droppy-menu.html  http://allabout.co.jp/internet/hpcreate/closeup/CU20061218A/index7.htm

ariru373
質問者

お礼

ありがとうございます。 参考にさせていただき、動かすことができました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • プルダウンメニューが使えない

    グーグルクロームです。 ウェッブサイト、プルダウンメニューからの選択を行おうとしても、すぐにプルダウンが閉じてしまい、選択できません。 IEでは正常です。 回避方法はありますか?

  • プルダウンメニューで・・・。

    <SELECT>タグのプルダウンメニューで、 複数選択は可能でしょうか? 以前どこかのホームページで、Shiftキーを押しながらできたと思うのですが・・・。

    • ベストアンサー
    • HTML
  • 作成したプルダウンメニューバーがIEでスムースに動きません。

    作成したプルダウンメニューバーがIEでスムースに動きません。 DW cs3 を使用して、HPを作成しています。OSはWinXPです。 Spryのメニューバーを使用して、プルダウンメニューバーを作成し、FireFox と IE8上で使用確認をした際、FireFoxではカラーが出ず、IEでは 「セキュリティ保護のため、このコンピューターにアクセスする可能性のあるスクリプトやActiveXコントロールを実行しないよう、Internet Explpre で制限されています。オプションを表示するには、ここをクリックしてください。」と表示します。 クリックして「ブロックされているコンテンツを許可」を選択すると、FireFoxと同じ挙動で動くようになります。 IE上でカラーが表示し、このようなコメントが出なくてもスムースにプルダウンメニューバーを動かすにはどのようにすればよいでしょうか? HP作成はあまり経験が無く、困っています。どうかよろしくご教授ください。 説明不足であれば再度コードを添付するようにいたします。ご指示ください。 よろしくお願いいたします。

  • プルダウンメニューを使ってフレームを切って2枚同時に切り替えたい

    よろしくお願いします。 初心者でホームページビルダーを使っています。 フレームを3つに切ってプルダウンメニュー(ビルダーでは「オプションメニュー」と言うみたいです)で 2枚同時に切り替えたいのですがどうしたらいいでしょうか? 1つならあちこちにサンプルがあるのできました。 「フレーム1:フレーム名menu_a」 プルダウンメニュー --------------------------- 「フレーム2:フレーム名menu_b」 x.html --------------------------- 「フレーム3:フレーム名xxx」 Y.html ↓ 「フレーム1:フレーム名menu_a」 プルダウンメニュー プルダウンで「A」を選択 ----------------------------- 「フレーム2:フレーム名menu_b」 a-1.html ----------------------------- 「フレーム3:フレーム名xxx」 a-2.html というようなイメージです。 できるだけ簡単に変更できるものがあればよろしくお願いします。

    • ベストアンサー
    • HTML
  • プルダウンメニューからチェックボックスを表示したい

    php、javascript、mysqlを使用し、プルダウンで選択後、チェックボックスを表示させる仕組みを作りたいのですが、 どうすればよいのか分かりません。 どなたか力を貸して頂きたく思います。 例えば下記のようなTBLがあったとします。 ■TBL:oya  oyaコード  10  20  30 ■TBL:ko  oyaコード    koコード  10        1100  10        1200  10        1300  20        2100  20        2200  30        3100 TBL 「oya」 をプルダウンメニューにセット。 プルダウンメニューを選択する度にTBL 「ko」を呼び出し、同ページ内にチェックボックスとして表示させたいと考えています。 例) ・10が選択されたら  「1100」、「1200」、「1300」のチェックボックスを表示する プルダウンメニューへのセットは出来たのですが、プルダウン選択後の「ko」を呼び出す箇所が分かりません。 php Mysql javascript で実現したいと考えております。 サンプルページでもいいですので、何かありましたら教えて下さい。 お分かりになる方よろしくお願いいたします。

  • WINのIEのプルダウンメニュー

    WINのIEのプルダウンメニューだけ、右側にスクロールバーが出て全部表示されないことってありますよね? あれって、回避できるのでしょうか? あと、一つ分だけ伸びてくれるだけでいいんですけどね、、、sizeを入れると表示が変わるし、、、(^-^;)

    • ベストアンサー
    • HTML
  • エクセルのプルダウンについて教えてください。

    エクセルで、入力規則のプルダウンについてですが、 登録件数が多いとスクロールバーが出てきます。 スクロールバーで全体を見るのではなく、登録した件数全て表示させる方法(スクロールバーを表示させない方法)はありませんか? ホームページなんかでは、月を選択するときなどに、長いプルダウンメニューが出る場合があります。 このようなことをエクセルでしたいんです。

  • プルダウンについての質問です

    プルダウンメニューでリンク先にページを飛ばした後、ツールバーの <戻るボタン>でページを戻すと、同じプルダウンメニューのリンク先 には飛ばなくなってしまいます。 どうすればページを戻した後でも、同じプルダウンメニューのリンク 先に飛ばす事が出来るのでしょうか? 使ったHTMLは <FORM NAME="linkmenu"> <SELECT style="width: 220px" NAME="linklist" onchange="location=this.value"> <OPTION SELECTED>以下の項目から選択してください。</OPTION> <OPTION VALUE="index.html">1.テストページ1</OPTION> <OPTION VALUE="2.html">2.テストページ2</OPTION> <OPTION VALUE="3.html">3.テストページ3</OPTION> </SELECT> </FORM> というものです。

    • ベストアンサー
    • HTML
  • IE6でプルダウンメニューをクリックするとその時に色が変わるようにして

    IE6でプルダウンメニューをクリックするとその時に色が変わるようにしていたのですが、 IE8でプルダウンメニューをクリックするとすぐに閉じてしまいます。 2回目のクリックでメニューが表示されます。 これはIEのバグなのでしょうか? また、他に良い方法あるのでしょうか? 以下がサンプルソースです。 <HTML> <HEAD> <TITLE>サンプル1</TITLE> </HEAD> <BODY> <CENTER> <FORM name="testForm"> <SELECT onFocus="style.backgroundColor='yellow'" onblur="style.backgroundColor='white'"> <OPTION>white</OPTION> <OPTION>red</OPTION> <OPTION>green</OPTION> <OPTION>blue</OPTION> </SELECT> </FORM> </CENTER> </BODY> </HTML>

  • Web上のプルダウンメニューをマウスホイールで動かしたくない。

    ホームページ入力画面でよくあるプルダウンメニューですが、(例えば都道府県入力など)このメニューを選択した後、うかつにホイールを動かすと選択がくるくる変わってしまいます。いったん余白で1クリックすればいいのでしょうが面倒です。いっそプルダウンメニューをマウスホイールで動かせなくしたいのですが無理ですか?よろしくお願いいたします。 ※フリーソフトは除外でお願いいたします。