締切済み

フレームページのドロップダウンメニューの表示

2011/06/30 00:11

初歩的な質問で申し訳ありません。上下に分けたフレームページの上のページにドロップダウンメニューを設置しました。が、出てくるサブメニューが下のフレーム内のページの下に潜り込んでしまいます。サブメニューを上に出すにはどうすればよいでしょうか？ちなみに、下記ページを手本にして設定しようとしています。 http://www.slipknot1.com/index?refresh=true よろしくお願いいたします。

chami_3
お礼率100% (8/8)

HTML
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

みんなの回答

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/07/02 00:05 回答No.4

IE5,IE6は、:hoverはa要素以外有効でないため、プルダウンされなくてもリンクへ飛べるように、必ず一段階目のリンク先も設定しておくこと。＿＿＿＿<li><a href="./b">製品</a> ＿＿＿＿＿＿<ol> ＿＿＿＿＿＿＿＿<li><a href="./c">家庭用品</a></li> ＿＿＿＿＿＿＿＿<li><a href="./d">プロ用</a></li> ＿＿＿＿＿＿＿＿<li><a href="./e">趣味</a></li> ＿＿＿＿＿＿</ol> ＿＿＿＿</li>

質問者

お礼 2011/07/02 15:58

補足、ありがとうございます！頑張ってやってみます。ありがとうございました！

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/07/02 00:01 回答No.3

＞サンプルソース、サンプルページ等あれば教えていただけますでしょうか？そんな難しいものじゃなくて <div class="nav"> 　<ol> 　　<li><a href=""></a></li> 　　<li><a href=""></a> 　　　<ol> 　　　　<li><a href=""></a></li> 　　　　<li><a href=""></a></li> 　　　　<li><a href=""></a></li> 　　　</ol> 　　</li> 　　<li><a href=""></a></li> 　　<li><a href=""></a></li> 　　<li><a href=""></a></li> 　</ol> </div> のようなナビゲーションリンクを、bodyのルート、もしくは親コンテナブロックがstaticな場所においておきます。ページの最後のほうがよいです。古いIEはz-indexに対応していないので、これは使っていません。例) body　　DOMツリー　　div　　　header・・・・relative 　　div　　　section・・・ relative 　　div　　　footer・・・・static 　　　div.nav・・・・・・・こことか　　div.nav・・・・・・・・ここに ☆テストしてませんが、たぶん大丈夫でしょう。 Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input ) The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input ) もOKだと思いますが、一応チェックすること。 ☆タブインデントが＿＿に変換してあるので戻すこと。 ☆とりあえずの形だけ、細かい部分は自分でデザインを調整すること ☆HTMLは極めてシンプルです。なにも手を加えていない。だから自由にデザインできる。　　さすがにこのくらいは書けるでしょう。 ☆ウィンドウ幅に依存しません。ただし最大幅は900pxに抑えてある。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿＿<title>サンプル</title> ＿＿<meta name="author" content="ORUKA1951"> ＿＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿＿<link rel="START" href="../index.html"> ＿＿<style type="text/css">  ＿＿</style> </head> <body> ＿＿<h1>サンプル</h1> <div class="nav"> ＿＿<ol> ＿＿＿＿<li><a href="./6841153.html">トップ</a></li> ＿＿＿＿<li><a href="./b">製品</a> ＿＿＿＿＿＿<ol> ＿＿＿＿＿＿＿＿<li><a href="./c">家庭用品</a></li> ＿＿＿＿＿＿＿＿<li><a href="./d">プロ用</a></li> ＿＿＿＿＿＿＿＿<li><a href="./e">趣味</a></li> ＿＿＿＿＿＿</ol> ＿＿＿＿</li> ＿＿＿＿<li><a href="./f">廃番商品</a></li> ＿＿＿＿<li><a href="./g">会社情報</a></li> ＿＿＿＿<li><a href="./h">コンタクト</a></li> ＿＿</ol> </div> </body> </html>

質問者

お礼 2011/07/02 15:57

ご丁寧にありがとうございます！お手間をとらせてしまい申し訳ありません。早速やってみます。本当にありがとうございました！

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/06/30 18:30 回答No.2

フレームでは不可能です。フレームを飛び越してメニューは広げられません。＞現在作成しているサイトのコンテンツが数十頁に及ぶものそれなら、早くフレームを脱却しましょう。私がいま携わっているのはその数倍・・。フレームとは１０年前に縁を切りました。　ルートからの絶対パスで、数段階のナビゲーションリストを作成し、各ページの最後あたりにコピーペーストしていけば簡単。z-indexをサポートしていない古いブラウザでもメニューはコンテンツの上に重なります。

質問者

お礼 2011/07/01 21:30

お礼が遅くなり申し訳ありません。ありがとうございました。 >　ルートからの絶対パスで、数段階のナビゲーションリストを作成し、各ページの最後あたりにコピーペーストしていけば簡単。初心者なものでよくわからないのですが、サンプルソース、サンプルページ等あれば教えていただけますでしょうか？お手数ですがよろしくお願いいたします。

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/06/30 00:44 回答No.1

フレームは、過去の技術で問題が多く今後は確実に廃れていく手法。あんなものに関わったら人生無駄にしてしまう。そのページもXHTML1.0strictですから、当然フレームは使ってない。フレームとは決別しましょう。フレーム問題点 html - Google 検索 ( http://www.google.co.jp/#sclient=psy&hl=ja&safe=off&source=hp&q=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0+%E5%95%8F%E9%A1%8C%E7%82%B9+HTML&aq=f&aqi=&aql=&oq=&pbx=1&bav=on.2,or.r_gc.r_pw.&fp=4bc5d074319ea812&biw=1024&bih=614 ) きちんと、ページの最下部のほうにナビゲーションリンクを書いて、スタイルシートでプルダウンメニューにして、最上部に表示すると隠れない。

質問者