• 締切済み

ポップアップメニュー

<div id="body"> <div id="navi"></div> </div> の状態で、<div id="navi"></div> にFireworksで作成したポップアップメニュー(Fireworks html)を配置すると、サブメニューが変な位置に表示されます。 通常の<body></body>内であれば問題なく表示されるのですが、<div>内では正しく表示されないものなのでしょうか？ どなたかご教授ねがいます。

  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

へんなcssの設定がされているのではないでしょうか。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • javascriptでポップアップメニュー

    はじめまして。題記の件でつまっています。 画面上のメニュー表示項目にマウスカーソルを合わせると、その位置にサブメニューを表示させたいです。 サブメニュー表示時に実現したいことは以下の3点です。 1.サブメニューのHTMLは画面上に記述しておき、カーソルがメニュー表示項目にある場合のみvisibleにする 2.サブメニューはカーソルが別のメニュー表示項目に移動した場合には、別のメニュー表示項目上でサブメニューを出すようにし、メニュー表示項目以外にカーソルが移動した場合には、メニューを非表示にする 3.サブメニューの表示位置はマウスカーソルの位置にする ＜イメージ＞ /* メニュー部分*/ <ul> <li>メニュー表示項目1</li> ※1 <li>メニュー表示項目2</li> … </ul> /*サブメニュー部分*/ <div id="menu" class="hidden"> <div>サブメニュー1</div> <div>サブメニュー2</div> </div> ※1にカーソルをあてると、下のhidden項目をカーソル位置に表示する カーソル移動にあわせてメニューを追従させたり、メニュー領域以外の場合に非表示とすることができません。（つまりほとんどうまくいってないのですが・・・） どうかご教示いただけないでしょうか。よろしくお願いします。 ちなみに以下のサイト様を参考にさせていただいてますが、こちらはカーソル位置に表示ではなく固定位置にサブメニュー表示でした。 http://miyakekobo.fc2web.com/temp/total_pd104.html

  • FireWorksでポップアップメニュー

    FireWorksでポップアップメニューを作ったのですが、 これにリンクを張って、別フレームの内容をジャンプさせるように出来るのでしょうか。いまいちターゲットについてわかっていないようです。 また、フレームの中に表示させたのですが、フレームの大きさからあふれた分のポップアップメニューが表示されません。あくまで同じフレーム内にしか表示できないのでしょうか。 宜しくお願い致します。

  • ポップアップについて

    Fireworksでポップアップメニューを作ったのですが 指定の位置にメニューが出ません。 ホームページをcenterに持ってきているのですが それだけが原因なのでしょうか？ もちろん、左寄せなら、ちゃんと出ます。 だれか今すぐ教えてください！！

    • 締切済み
    • CSS
  • 画像によるポップアップメニューの作成法について

    FireworksMX及びDreamweaverMXを使用してホームページを作成しているのですが、下記サイトのように、マウスオーバーすると表れるサブメニューを作成したいと思っています。 http://www.moshimoshi.co.jp/index.html Fireworks及びDreamweaverMXの標準機能のポップアップメニューでは、メニューがテキスト表示になってしまうため、上記サイトのように完全に画像のメニューを作成したいのです。 レイヤーの表示・非表示で作成してみたのですが、OSやブラウザによっては、サブメニューにカーソルを移動しようとするとサブメニューが消えてしまい、うまくできませんでした。 どなたか、画像によるポップアップメニューで、遅延時間も変更できる手法をご存じの方がいらっしゃったら教えて下さい。

    • ベストアンサー
    • HTML
  • ポップアップメニューの制御について

    こんにちは。 現在、ポップアップメニューの制御がうまくいかず困っております。 [やりたいこと] ・リンクの上にマウスを置くとポップアップメニューが開く ・ポップアップメニューからマウスが外れるとポップアップメニューを閉じる ・対応したいブラウザはIE6,IE7,FireFox2.0 他のサイトを参考にした結果、onmouseoverのイベントでメニュー表示まではできたのですが、メニューからマウスを外した時にメニューを閉じる処理がうまくいっておりません。onmouseoutを使うとできそうなのですが、メニューからではなく、リンクからマウスを外した時にメニューが消えてしまい困っています。 解決のヒントになることでも結構ですので、アドバイスを頂けたらと思います。現在はclearTimeSetやclearTimeoutで制御できないかを調べている最中です。 よろしくお願いいたします。 [HTMLのソース(一部抜粋)] <div id="testmenu1" style="position: absolute;visibility: hidden;(省略)"> <ul style="(省略)"> <li><a href="#">メニュー1</a></li> <li><a href="#">メニュー2</a></li> <li><a href="#">メニュー3</a></li> </ul> </div> <div id="testmenu2" style="position: absolute;visibility: hidden;(省略)"> <ul style="(省略)"> <li><a href="#">メニュー1</a></li> <li><a href="#">メニュー2</a></li> <li><a href="#">メニュー3</a></li> </ul> </div> <table> <tr><td> <a href="" onclick="return false;" onmouseover="testShowPopupMenu('testmenu1'); return false;" onmouseout="testHidePopupMenu('testmenu1'); return false;">メニュー1</a> </td></tr> <tr><td> <a href="" onclick="return false;" onmouseover="testShowPopupMenu('testmenu2'); return false;" onmouseout="testHidePopupMenu('testmenu2'); return false;">メニュー2</a> </td></tr> </table> [JavaScriptのソース(一部抜粋)] var mX = 0; var mY = 0; var pX = 5; // マウスから右に5ピクセルずらす var pY = 5; // マウスから下に5ピクセルずらす document.onmousemove = testGetMousePoint; // マウス位置取得 function testGetMousePoint() { 　mX = event.clientX + document.body.scrollLeft; 　mY = event.clientY + document.body.scrollTop; } // ポップアップメニューの表示 function testShowPopupMenu(id) { 　pop = document.getElementById(id).style; 　pop.visibility = "visible"; 　pop.left = mX + pX + "px"; 　pop.top = mY + pY + "px"; } // ポップアップの非表示 function testHidePopupMenu(id) { 　document.getElementById(id).style.visibility = "hidden"; }

  • ポップアップメニューのリンク先はhttp://だけ

    Macromedia Fireworks 8　スーパーリファレンス を使用して、作成しています。 Macromedia Fireworks 8でポップアップメニュー を作成しています。 一つのメニュー(リンク先:http://www.yahoo.co.jp) を選択すると、Yahoo!JAPANのHPが開きます。 もう一つのメニュー(リンク先:C:\hoge\hoge.html) を選択すると、IE6はまったく反応しません。 Mozilla Firefox2.0で開くと、 "/C:/hoge/hoge.html にはファイルが見つかりませんでした。" と表示されます。 ポップアップメニューのリンク先はhttp://だけ？ なんでしょうか？ お忙しいところ申し訳ございません。 ご教授お願いいたします。

  • ポップアップメニュー作成時にレイアウトが変になる

    ロールオーバーにポップアップメニューを付加したオブジェクトをFireworks4で作ってHTMLに書き出したものを、Dreamweaver4でFireworksオブジェクトの挿入で貼り付けました。すると、レイアウトビューでオブジェクトの前と後に変なマークが表示され、ブラウザ上でもその分だけオブジェクトの位置がずれてしまいます。表示メニューの「ビジュアルエイド」で「全て非表示」にすると、二つの変なマークのうち一つは消えましたが、もう一つがどうしても消えません。DreamweaverMXでは、「ビジュアルエイド」で「全て非表示」にすると二つとも消えるのですが。。。事情があってMXは使えません。Dreamweaver4ではどうしたら二つとも消せるのでしょうか。

    • ベストアンサー
    • CSS
  • Fireworksのポップアップメニュー

    こんにちは。 Fireworksでポップアップメニューを作りたいと思っているのですが、どのように作ったらよいかまったくわかりません。 是非、制作手順を教えてください。 よろしくお願いします。

  • ポップアップメニュー

    センター寄せのホームページで、プルダウン形式のポップアップメニューを表示したいのですが、なにか解説しているホームページはないでしょうか？ 通常、ポップアップメニューを作成する場合には、左上からの絶対座標を指定する形で作成しており、センター寄せでは、できないと言い切っていました。しかし、最近センター寄せのホームページでポップアップメニューのあるものを見てしまったので、実際にはできるのだと思った次第であります。 http://www.cubesystem.co.jp/ 2階層以下のページがセンター寄せのポップアップメニューになってます。

  • ホームページ　ポップアップメニューで困っています。

    ホームページをリニューアルしようとポップアップメニュー三段階（java）を追加しましたが、ポップアップした項目がポップアップしたところのIMGや別のDIV枠の上に完全に表示できず、透けて表示されるところと裏面に隠れてしまうところもあります。完全に表示させたいがどうしたらよいのかわかりません。誰かヒントをまたはアドバイスをお願いします。ホームページビルダーで作成している初心者です。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する