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

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

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

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

  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • Sylar
  • ベストアンサー率71% (10/14)
回答No.2

どうも。#1です。 ものすごいソースですねぇ・・・。 どうやらJavaScriptを使っているようですが、肝心のその部分がない・・・。 と言うか、このソースを見る限り、はっきり言って諦めたほうがいいと思います。ゴメンナサイ。 もっとシンプルに作る方法はいくらでもあります。 無理に複雑なことをしないで自分の分かる範囲で作ることをおすすめします。

jeday8118
質問者

お礼

Sylarさん、ありがとうございました。 せっかく親身になっていただいたのに質問内容の表現が悪かったようです。 あきらめて別な質問方法で問い合わせをしようと思います。

その他の回答 (1)

  • Sylar
  • ベストアンサー率71% (10/14)
回答No.1

質問に対する回答ではないけど、質問者さんへアドバイス。 「ホームページビルダー」や「(なにかの)参考書」は、回答者の方が共通して理解しているものではありません。 また、「折りたたみ式メニュー」についても作り方は色々です。 なので質問するならまず、どういうソースで書いているのか。という情報が最低限必要です。ここに書いている内容からでは推測でしか回答することはできませんよ。

jeday8118
質問者

補足

Sylarさん、貴重なお時間を無駄に取らせてしまいすみませんでした。補足いたします。 CSSは、BODYの上下左右のpaddingとmarginを0pxにし、折りたたみ式メニュー用として.pulldown{color:#ffffff;width:100px;height:1em;background-color:#000099;display:block;}を作成しました。 ソースは、 <BODY onload="_HpbHideObj('menu1'); _HpbHideObj('menu2');"> <DIV style="width : 114px;height : 143px;top : 53px;left : 187px;position : bsolute; z-index : 2;visibility : visible;background-color : #000099; id="menu2" align="center"> <TABLE border="0" cellspacing="0" cellpadding="0" width="95" height="25"> <TBODY> <TR> <TD align="center" width="50" height="25"><FONT color="#ffffff"><B class="pulldown">subm1<BR> </B></FONT></TD>    (・・・以下submを5つ作成)   </TR> </TBODY> </TABLE> </DIV> <DIV style="width : 114px;height : 143px;top : 52px;left : 63px; position : absolute; background-color : #000099; z-index : 1; visibility : visible; " id="menu1" align="center" onmouseover="_HpbShowObj('menu1');" onmouseout="_HpbHideObj('menu1');"> <TABLE border="0" cellspacing="0" cellpadding="0" width="95" height="25"> </TR> </TBODY> </TABLE> </DIV> <DIV style="width : 114px;height : 143px;top : 52px;left : 63px; position : absolute; background-color : #000099; z-index : 1; visibility : visible; " id="menu1" align="center" onmouseover="_HpbShowObj('menu1');" onmouseout="_HpbHideObj('menu1');"> <TABLE border="0" cellspacing="0" cellpadding="0" width="95" height="25">   (・・・以下menuを5つ作成) しました。 HTMLについてどの部分を補足してよいかわからないので説明不足でしたらあきらめます。 よろしくお願いいたします。

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • HPビルダーでポップアップメニューを作成する方法?

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

  • Spryでメニューバーを作成について

    自分はHP作成初心者です。 早速質問ですが、Spryでメニューバーを作成したとき メインのメニュー項目だけ、テキストの行揃えを中央にして サブメニューを左揃えにしたいです。 あと、メニューの文字がHTMLのではなくて 画像で作りたいのですが、メインのメニュー項目は 出来たのですが、サブメニューが出来ません。 SpryのCSSを編集すると思いますが、 どうしてもわかりません。 お分かりの方がいらっしゃいましたら 教えて下さい。 よろしくおねがいします。 http://www.goincase.com/ ↑のサイトみたいにしたいです。 私はOSがmacでDW CS4を使用しています。

  • ホームページの中央揃え

    ホームページビルダー11でHPを作成中です。「どこでも配置モード」から「標準モード」に変換まではしましたが、HP全体のレイアウト枠を左右中央揃えの仕方がわかりません。教えてください。ちなみに枠は表(テーブル)を使って作成しました。

  • ホームページ作成について

    今、ホームページを作っていて、内容を800ピクセル位の枠に収めて、なおかつ、ウィンドウの中央に配置したいと思っているのですが、 テーブルで全体を囲って中央配置すればいいと思うんですが、 本来はテーブルをレイアウトに使うのは好ましくないんですよね? なのでスタイルシートで同じようにしようと思うのですが、どうすればいいのかわからないので教えてください、 補足:ウィンドウを狭めていったとき、左右均等に狭まって行くように したいです、言ってることがわかりづらいかもしれませんがお願いします

  • ホームページ作成。メニューボタンについて

    ただいま、ホームページを作成中なのですが、解らない事があります 私の使っているテンプレートでは上にメニューボタン(Pict Novelなど)がついてそれを押すと メインページもしくはレフトページに本文が表示されます。 そして画面の左端にレフトページがついています、レフトページは上についているメニューボタンを押すと さらに細かいメニュー(Pictを押すと、オリジナル・二次創作などのメニュー)がでます、 そしてそのレフトページの横、メニューの下に一番大きい画面メインページがあります、 メインページは、 メニューボタンを押してそのままメインページに直接出てくる物と、 メニューを押してさらにレフトページに現れたメニューを押すと 出てくる場合があります。(Pict→Original→メインページに本文) ですが私は、メニューをおすとレフトページにもメインページにも本文が出てくるようにしたいのです、 例えば Pictというメニューを押すと、レフトページにはさらに細かいメニュー 「オリジナル」と「二次創作」というメニューがでるようにします、 でそれと同時にメインページに、「オリジナルはこんなページ」「二次創作はこんなページ」 などと、レフトページに出てきたメニューの説明なんかを書きたいのです。 ちなみに、今の(上部分に表示されている)メニューのソースは、 <li><a target="left" href="left.html#novel">Saori</a></li> <li><a target="main" href="mail.html">Mail</a></li> <li><a target="left" href="left.html#link">Link</a></li> と言う感じになっています、"main"と書いてある物はメニュー(上のソースだとMail)をおすと、 メインページにmail本文が表示れ、"left"と書いてあるメニューはレフトページにさらに細かいメニューが表示される用になっています、 私の場合、Saoriというメニューボタンをおすと、 レフトページにもメインページにもそれぞれ別の物(ページ)が表示されるようにしたいです、 解りにくいごちゃごちゃした質問でスミマセン、回答くださると嬉しいです、解らないことがありましたら聞いてくださって大丈夫です!

  • いつもお世話になります。今ホームページを作成中なんですが、レイアウトは

    いつもお世話になります。今ホームページを作成中なんですが、レイアウトはCSSでやっています。左メニューのツリーをきれいにしたいのですが、ホームページビルダーでやろうとするとレイアウトが崩れてしまいます。 イメージ的には左メニューの白文字だけ表示させてオンマウスで黄色の文字を表示させたいのです。FFではきちんとレイアウトされていたのにIEではまったく反映されません。レイアウトを崩さずに、オンマウスでサブメニュー(黄色い文字)が表示され、サブメニュー以外の場所にマウスがいったらサブメニューが消えるようにするにはどうすればいいでしょうか?どうぞよろしくお願いいたします。

  • ワードでメニューを作成しているのですが・・

    テーブルに置くメニューを作成していますが、大変困っています。 (1)縦10.5センチ、横17センチの枠を作成して (2)その枠の中を2段組にして (3)32のメニューを配置して、各メニューと金額の間に点線を入れて、金額の頭をキレイに揃えたい のですが、一向に進みません!!助けてください。

  • ホームページビルダーでプルダウンメニュー作成

    質問させていただきます。HP作成中です。素材サイトにあるようなプルダウンメニューを作成したいのですがどのような方法で作成するのでしょうか?こちらのサイトです。http://www.s-chimp.com/mc/ メニューをクリックするとサブメニューが表示されます。理想としては違うメニューをクリックしたときに他のサブメニューが表示されたままではなく閉じると嬉しいです。初心者なので難しいことは出来ないと思うのですがどなたかお願いいたします。

  • visual studioでのメニュー画面作成

    visual studio(C#)で趣味でアプリを作っています。 以下のような画面を作成したいのですが、実現方法が良く分からず質問させていただきます。 ・EXEを実行するとメインメニュー画面が起動する。 ・そのメインメニュー画面は左側の約1/3に第1階層のメニューが表示され、  右側に第2階層のメニューが表示される。  第2階層のメニュークリックでサブ画面の起動、  または、第3階層のメニューが表示。 ここで言うメインメニューとはメモ帳などの上部に表示されるファイルメニューのようなものではありません。 MacでSafariの画面上部のサイドバーをクリックすると画面左側にBookmarkが表示されますが、それが1階層で2階層以降はは右側に表示されるイメージです。HTMLのリンクみたいなものをイメージしています。(ボタンだと表示しにくいので。。。) 説明がわかりづらいかもしれませんが、よろしくお願いします。

専門家に質問してみよう