HPビルダーでポップアップメニューを作成する方法

前へ 次へ
このQ&Aのポイント
  • HPビルダーV８を使用して、ポップアップメニューを作成する方法について教えてください。
  • 作成したHPでメニューにマウスをあてると、サブメニューが表示されるように設定したいのですが、表示位置がずれてしまっています。
  • scriptなどの設定方法について詳しく教えていただけると助かります。
回答を見る
  • ベストアンサー

HPビルダーでポップアップメニューを作成する方法？

HP作成初心者です。HPビルダーV８を使用し作成しました。各メニュー項目をWebデザイナーで作成し、横一列に並べ、その下にレイアウト枠と表を使用してサブメニューを作りました。スパテクという本を参考に「メニューにマウスをあてるとサブメニューが下に表示される」というものです。そこまではできました。が、実際に見てみるとメニュー位置はそのままですが、サブメニューの表示位置がだいぶずれてしまいます。お気に入り画面を閉じられてしまうとさらにずれてしまう状態です。scriptなどで設定する～など色々と書かれてはいますが、言語は全く分からず。どこをどう作成して良いのか分かりません。詳しくご存知の方がいらっしゃいましたら是非教えてください。よろしくお願いします。

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

  • ベストアンサー
  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.1

レイアウト枠はどこでも配置モードと同じですから　位置固定になりますので　ブラウザの領域を変えるとずれます　ここで紹介してるテンプレートを使えば出来るみたいですhttp://www.wsb.jp/hpb/java_s/layer/ev00.htm

mashu-
質問者

お礼

ありがとうございます。会社で試してみます。 うまくできると良いのですが、分からないことがありましたらまた質問させていただきます。その時は再び、よろしくお願いします。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • ホームページ用折りたたみ式メニュー作成について

    ホームページ用折りたたみ式メニュー作成について 画面中央に6つのメインメニュー?～?個を作成し、それぞれのメインメニュー配下にSUB?～?の折りたたみ式メニューを作成したのですが、作成した折りたたみ式メニューをFirefoxで確認すると、折りたたみ式メニューは左端から順番に表示されてしまい、画面中央に配置したメインメニューの下には表示してくれません。どなたかご指導いただければ幸いです。 作成にはホームページビルダー１４を使用しています。 メインメニューを画面中央に配置するために、1行1列横幅100%表を作成して、その中に1行6列の表を入れ込みalign="center"にし画面中央にメインメニュー用の表を表示するように設定しました。 参考書の指示通りにレイアウト枠を作成しメインメニューの上にかぶさる様に設置し完了。 Firefoxで確認するとメインメニュー?のsub?は左端から表示し隣のメインメニュー?のsub?は左端から２番目に表示される。 個人的に思うのは、レイアウト枠(SUB?)を何かしらの方法でメニュー?と同じ場所であることを指定してやる必要があると思うのですがその方法がわかりません。 できればふわっと浮き出るように表示もさせたいのですが・・・・？ よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ホームページのポップアップメニュー作成について教えてください。

    ホームページのポップアップメニュー作成について教えてください。 ホームページを作成しているのですが、トップページのメインメニュー１から６を横並びにして画面の中央に配置・表示し、そのメインメニュー１つずつに対してポップアップメニューを作成しました。IEで確認するとメインメニュー１から６のそれぞれの下にうまく表示するのですが、FireFoxで確認すると左端からポプアップメニューが表示されてまいます。なぜ、IEとFireFoxでは表示が異なってしまうのでしょうか？またFireFoxで上記の表示方法が可能でしょうか？ 自分の希望としては、画面の大きさやブラウザが違っても中央に表示してほしいのですが・・・・ 簡単に作成する方法を教えていただければ助かります。 作成にはホームページビルダー１４を使用しています。

    • ベストアンサー
    • HTML
  • HPビルダー。レイアウト枠がブラウザでずれてしまう・・・・

    OSはXPを使用してます。 HPビルダーのレイアウト枠を使い作成しているのですが、作成画面上ではバッチリの場所なのですが、ブラウザで確認すると下にずれてしまいます。 きちんと収まる部分もあるのですが、いったい何が原因なのでしょうか？ 宜しくご教授お願いいたします。

  • 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

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

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

    • ベストアンサー
    • HTML
  • ポップアップメニュー

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

  • どのページにも同じメニューを表示させる方法を教えてください

    ホームページビルダー10を使ってネットショップのホームページを作り始めました。 レイアウト枠と表を使用して画面の上と下の部分と 左側にメニューなどを作成したのですが、 これをどのページにも表示させるには、 どのような機能を使えばいいでしょうか。 ユーザーテンプレートというのに登録して そのユーザーテンプレートを各ページを作成す時に 使用しようとしたのですが、 この場合、もしユーザーテンプレートの内容が変わった時 （メニュー項目がひとつ増えた等・・）、 既に作成したページにその内容の変化は反映されないように思われます。 どのネットショップのＨＰを見ても、 だいたい上と下、左側のメニューはどのページにも 同じ内容が表示されるようになっていますが、 これはどのような作成方法を作るのでしょうか。 ひとつSSIという方法を教わったので、 これはこれから試してみようと思っています。 これが基本的な方法なのでしょうか？ 詳しい方ぜひ教えてください。 本もだいぶ買い込みましたが参考になる内容が 見つかりませんでした。 どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • ビルダーver6オプションメニューについて

    こんにちわ。HPビルダーver.6を使用しております。 質問その１ フレームで「上下」に2分割し、上フレームに「オプションメニュー」を 下にオプションメニューで選択したページを出したいのですが、その方法が 分かりません。どうしてもオプションメニューがあるフレーム内に表示されて しまいます。下のフレームに表示させるにはどうしたら良いでしょうか？ 質問その２ オプションメニューで選択すると、「ページが見つかりません」の表示が 出てしまいます。ファイルの指定や「on change」のスクリプトは合っているの ですが。。。。 是非ご教授いただければと思います。よろしくお願いいたしますm(_ _)m

  • レイアウト枠について　ホームページビルダー

    ホームページビルダー13を使っています。 「任意で作成したラベルにマウスポインタを合わせると、自動でプルダウンメニューが表示され、離すと非表示になる。」というものを作成するのに、プルダウンメニューをレイアウト枠で作り、ラベルの下に位置調整をしました。しかし、プレビューで確認するとWindowの大きさ（幅）により、ラベルとレイアウト枠の位置がずれてしまいプルダウンになりません。 標準モードで作っていますが、ブラウザの表示領域に関係なく、任意で作成したラベルの下にレイアウト枠を固定するにはどうしたらよいのでしょうか？

  • ホームページビルダー１２でのプルダウンメニューの作り方を教えてください。

    ホームページビルダー１２でプルダウンメニューをつくろうと思い、ホームページビルダー１３スパテク１８２を見ながら、やっているのですが、さっぱりわかりません。 本を読むと、最初、スタイルシートマネージャを開くのですが、いきなり、style.css(link)が本には書かれているのですが、実際には表示されていないので、どっから出てきたのかわからないです。 あと、ホームページビルダー上のどこに、「スタイルクラス」ツールバーがあるのかわかりません。 仕方がないので、ググったのですが、プルダウンメニューの作り方がわかりません。 ホームページビルダーでのプルダウンメニューの作り方、わかる方いらっしゃいましたらおしえてください。 宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する