• 締切済み

プルダウンメニューの位置がずれてしまいます

質問させてください。 メニューボタンにマウスオーバーすると下にサブメニューが表示される、プルダウンメニューを作成しています。(階層メニューというのでしょうか?) Dreamweaverでレイヤーを使って作っているのですが、サブメニューの表示位置がずれてしまって困っています。 以前ご質問させていただき、一番外のTableを中央揃えにしているため、レイヤーの「position」が”absolute”だと画面の大きさによって位置が変わってしまうことがわかりました。 そこで”relative”にすればいいのかと思ったのですが、そうするとDreamweaverの「レイヤー」(←表示/非表示やz-indexを設定したりするプロパティ)から消えてしまうのです。 たぶん、レイヤーとして認識されていないのだと思います。 自分なりに調べ、Javascriptでブラウザの幅-Tableの幅÷2を求め、そこを基点にして”absolute”にすればいいというところまではわかったのですが、知識不足のためいろいろ試してみてもJavascriptエラーになってしまって・・・。 どのように書けばいいのかお教えいただけると、大変助かります。 よろしくお願いいたします。

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

みんなの回答

noname#39970
noname#39970
回答No.1

ずれちゃうけど 一旦absolute状態でdreamweaverで作成して 最終調整として手でソースをrelativeに書き換えて調整するのはどう?

mucchi-10
質問者

お礼

返答が遅くなりました。ご回答いただきありがとうございます。 早速試してみたのですが、ソースを手で修正してみても、Dreamweaverで”relative”にした時と同じ結果でうまくいきませんでした。。。 また何か気づいたことがありましたら、お教え下さい。 よろしくお願いいたします。

関連するQ&A

  • レイヤーになっているプルダウンメニューの作り方

    レイヤーになっているプルダウンメニューの作り方を 教えてください。 ↓これサンプルです。  http://www.jcb.co.jp/index2.html  http://www.kokuyo.co.jp/will/actic/index.html htmlじゃなくってJavascriptですか? Dreamweaverなんかでお手軽に作れたりしないんでしょうか?

    • ベストアンサー
    • HTML
  • プルダウンメニューが隠れてしまいます

    indexページにFlashで制作したswf形式のムービーを配置しました。 ところが ヘッダに配置してたメニューからJavaScriptでプルダウン表示されるメニューと ムービーが重なる部分がレイヤーのような状態となり プルダウンメニューがムービーの背面へ隠れてしまい メニューの機能が失われてしまいました ・swfはhtmlに直接配置して表示 ・プルダウンのメニューは外部に置いたjsファイルを読み込んで表示 ・メニューも外部JavaScriptからの読み込み 以上の仕様なのですが問題点はswfの配置方法でしょうか? それともJavaScriptのレイヤーに問題があるのでしょうか? アドバイスをお願い致します

  • javascript プルダウンメニューバーが画像サイズをかえると位置ずれる

    ホームページを作成しているのですが、javascript??を使ってレイヤーを作り中にリンク画像をいれてプルダウンメニューとして作りました。 ページを開くと一応希望通りの場所にいてくれて動きもリンクも大丈夫でした。がページを開いてウィンドウサイズを小さくしたりフル画面にするとプルダウンメニューの位置がずれてとんでもないところに表示されてしますます、初心者なのでスクリプトはコピーペーストしてGoliveで作成したページに張り付けたのですが。。。プルダウンメニューが固定できればとおもいます、。 どなたかわかる方いましたらアドバイスおねがいいたします。

  • プルダウンメニューを探しています

    flashではなく、Javascriptを使ったプルダウンメニュー探しています。条件としては 1.多階層のメニュー設定ができる 2.NNの最新バージョンまで対応している いろいろ探してみたのですが、NN4.xまでのものが多く、多階層の設定がなかったりで途方にくれています。 自分で書く技術もありません。どなたかよろしくお願い致します。

  • プルダウンメニューについて

    知人から頼まれホームページを作成しています。 javascriptでプルダウンメニューと打ち出し画像の両方を使うとうまく表示されません。 グローバルナビゲーション(プルダウンメニュー)のすぐ下に打ち出し画像がくるレイアウトになります。 打ち出し画像が邪魔をしてプルダウンのサブメニューが表示されません。 【プルダウンメニュー】 http://www.kriesi.at/wp-content/extra_data/suckerfish_tutorial/step4.html 【打ち出し画像】 http://jonraasch.com/blog/a-simple-jquery-slideshow 上記の2つを組み合わせ、プルダウンの伸びたメニューが打ち出し画像に重なり、動かすことは可能でしょうか? HTMLとCSSの知識はありますが、プログラムの知識はありません。 よろしくお願いします。

  • cssによるプルダウンメニューの不具合

    宜しくお願いします。 フリーのcssをカスタマイズ使用してプルダウンメニューを作っていますがうまくいきません。便宜上、外部スタイルを内部に記述しています。 製品紹介のボタンだけがプルダウンです。 (ケースA) http://nasu-exnet.info/pull-down2.html DIV#menu{ top:; left:; width:100%; position:absolute; z-index:100; } こちらは、position:absolute;を入れています。これを入れるとボタンの位置がずれてしまいます。 (ケースB) http://nasu-exnet.info/pull-down1.html DIV#menu{ top:; left:; width:100%; 123position:absolute; z-index:100; } こちらは、position:absolute;を無効にしてあります。ポジションは敵適正位置になりますが、プルダウンすると、全体がずれてしまいます。 どうすれば、適正位置でなおかつプルダウン時にずれなくなるでしょうか? 宜しくお願いします。

  • javascriptでなめらかなプルダウンメニューを

    javascriptを使ってFlashで作成したようななめらかな動きをするプルダウンメニューを 作成するのは出来るのでしょうか。 色々と調べてはいるのですが、下記サイトのサンプルのように クリックして直ぐにサブメニューが表示される、という方法は見つけられても 滑らかな動きを実現できる方法が見つかりません。 http://javascript.eweb-design.com/sample/s0701_1.html イメージとしては、 1.メニューをクリック 2.1秒後に上からズルズルっとサブメニューが表示される 3.メニューからマウスが離す 4.1秒後にズルズルっとサブメニューが上に戻る うまい表現方法が見つからず分りづらい質問となってしまいましたが アドバイスをいただけると助かります。宜しくお願いします。

  • プルダウンメニューで中央表示

    プルダウンメニューで中央表示 HTMLのプルダウンメニューで文字を中央寄せにすることは可能でしょうか? ページのレイアウト上、ボックスの幅を広くとっていて、 リストの文字が端によりすぎてしまうので、中央に表示したいのですが、 tableタグなどで使えるalignのようなものはないのでしょうか。 ご存知の方、教えていただけると助かります。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • プルダウンのメニュー表示について

    JavaScriptでプルダウンメニューを表示する処理を作っているのですが、どうしても求める結果が得られずに困っています。 ○メニュー1 ―――――――――――――――――― ○メニュー2 ―――――――――――――――――― 上記の画面イメージの「メニュー1」をクリックした際に、JavaScriptで下記のようにメニューを表示させたいのです。 ○メニュー1  ●メニュー1-1  ●メニュー1-2  ●メニュー1-3  ●メニュー1-4 ―――――――――――――――――― ○メニュー2 ―――――――――――――――――― ところが、「○メニュー1」のすぐ下にborderが表示されてしまったり、●印のメニューの横幅が正確に伸びません。 こういうときはやはり、ulやdlなどを使わないで大人しくtableを使うべきでしょうか? 何か良い方法がありましたら、ぜひともアドバイスを頂けないでしょうか? 以下がコードの一部です。 [html] <div class="tree">   <a href="javascript:" id="test_01" onclick="getID(this);">○メニュー1</a>   <div class="tree_sub">     <ul>       <li class="left">●メニュー1-1</li>       <li>●メニュー1-2</li>     </ul>     <ul>       <li class="left">●メニュー1-3</li>       <li>●メニュー1-4</li>     </ul>   </div> </div> <div class="tree">   <a href="#">○メニュー2</a> </div> [css] div.tree {   border-bottom:1px solid #000000;   width:365px; } div.tree_sub ul li {   float:left; } div.tree_sub ul li.left {   width:50%; }

  • Flashでプルダウンメニューを

    1.メニューにマウスが通過した際、サブメニューが表示される 2.メニュー・サブメニューからマウスが離れるとサブメニューが隠れる といったプルダウンメニューを作成したいのですが、 下記の方法だと一度現れたサブメニューが隠れて(元に戻って)くれません。 3フレーム目に何かアクションを入れなければいけないのかと思うのですが・・・ ■1フレーム目 ボタンシンボル(メインメニュー)に下記アクション ------------------------------------- on (rollOver) { gotoAndStop(2); } ------------------------------------- アクションレイヤー ------------------------------------- stop(); ------------------------------------- ■2フレーム目 メインメニューとサブメニュー(メインメニューにロールオーバーした際に出てくるメニュー)を 配置 サブメニューに下記オブジェクトアクションを挿入 ------------------------------------- on (press) { getURL("http://www.●●●.com"); } ------------------------------------- アドバイスいただけると助かります。どうぞお願い致します。

    • ベストアンサー
    • Flash