• ベストアンサー

フレームページのタグについて。

自分のホームページのメニューにフレームページをつくりました。このフレームページのボディにもう一個フレームページを作ることってできますか?試しにやってみたんですが、うまく表示されません。どうやらtarget=bodyってやつが二つ目のフレームのボディを指しているのに、一つ目のフレームのボディとかぶってしまうからだと思うのですが・・・。説明がうまくできなくて申し訳ないのですが、もしわかる方、サイトを知っている方、いらっしゃいましたらお願いします。

noname#13871
noname#13871

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

  • ベストアンサー
noname#10331
noname#10331
回答No.3

<html> <frameset rows="300,*" frameborder="no" scrolling="auto" border="0"> <frame name="上" src="任意のファイル名1.html" noresize> <frameset cols="400,*" frameborder="no" scrolling="auto" border="0"> <frame name="左下" src="任意のファイル名2.html" noresize> <frame name="右下" src="任意のファイル名3.html"> </frameset> </frameset> <noframes> <center> あなたのブラウザはフレームに対応していません。<br> フレーム対応のブラウザをお使い下さい。 </center> </noframes> </html> ※間違ってたらゴメンナサイm(__)m

noname#13871
質問者

お礼

解決しました。結局、-UkeyUkey-さんのURLのタグと、メニューのリンクにtarget="右下"とつけたしたら解決しました。今まで、target="body"にしてたのがいけなかったみたいです。わかりづらい質問に答えていただき、ありがとうございました。 また、3回も親切に答えてありがとうございました。

その他の回答 (4)

noname#21343
noname#21343
回答No.5

1)いったん、上フレームと下フレームに分ける 2)下フレームで表示される各ページで、さらにフレームを切る こうしておけば、上ページの各項目をクリックしたときに下フレームの内容が一気に切り替わるので、左側のメニューだけが切り替わって右側のコンテンツは以前のまま、という事態は裂けられると思います。具体的には↓のような感じでどうでしょう。 各項目の数値などは適当なので、修正してください。 1)初期画面 <frameset rows="200,*"> <frame src="ue.html"> <frame src="shita.html" name="shita"> </frameset> 2)上ページからのリンク(例) <a href="nikki.html" target="_shita"> 3)下ページ(例、nikki.html) <frameset cols="30%,70%> <frame src="nikki_menu.html"> <frame src="nikki_contents.html"> </frameset>

noname#13871
質問者

お礼

まず初期画面っていうのがどこだかわからずつまずいてしまいました・・・。すいません、バカで・・・。けれど、解決しました!ありがとうございました!

  • Joh_Taka
  • ベストアンサー率76% (222/292)
回答No.4

┏━━━━━┓ ┃ A   ┣━┳━━━┫ ┃B ┃ C  ┃  ┃     ┗━┻━━━┛ ↑かなり表示がズレていると思いますが、Aの部分がコンテンツ全体のMenuのFrame、左下がコンテンツの詳細MenuのFrame、右下がコンテンツ内容を表示するFrame。 ・・・のつもりで描きました。 サイトのデザインを全てこのように3分割したFrameにしたいのでしたら、既に-UkeyUkey-さんのご名答通りですので、補足説明の必要も無いかと存じます。 もし仮に、Aにあるリンクボタンの選択によっては、AのMenuのFrameだけ残して、B、CのFrameを解除してB+C分のスペースに1枚のHTMLを表示させたい。 Aにある複数のリンクボタンの選択によっては、B C部分がFrameのときと、Frame以外のときの両方あり得る。 と言うのでしたら、上下2段に分割したFrameを定義するHTML、(一例として・・) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>AとB+Cを分けるFrame定義のHTML</title> </head> <frameset rows="100,*" frameborder="no"> <frame name="Main Menu" src="A.html" noresize scrolling="no"> <frame name="Body" src="B+CのFrame定義.html" noresize scrolling="no"> <noframes> <body> Frameに対応したブラウザで見てね。 </body> </noframes> </frameset> </html> を作成して、 <frame name="Main Menu" src="A.html" noresize scrolling="no"> のリンク先となるA.htmlを通常のページを作る要領で作成します。 <frame name="Body" src="B+CのFrame定義.html" noresize scrolling="no"> のリンク先となるB+CのFrame定義.htmlは、左側のコンテンツの詳細MenuがあるBのFrameと、コンテンツ内容を表示するCのFrameを定義したHTMLとなります。 その一例として・・ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>BとCを分けるFrame定義のHTML</title> </head> <frameset cols="100,509" frameborder="no"> <frame name="B" src="B.html" noresize scrolling="no"> <frame name="C" src="C.html" noresize> <noframes> <body> やっぱりこれもFrameに対応したブラウザで見てね。 </body> </noframes> </frameset> </html> これの <frame name="B" src="B.html" noresize scrolling="no"> のリンク先となるB.htmlと、 <frame name="C" src="C.html" noresize> のリンク先となるC.htmlを作成すれば、目的通りの表示が出来ると思います。 表示させるためには、最低5枚のHTMLが必要になります。 Frameのtarget指定についてもご質問されているようですが、Target先のFrame名を、 <a href="Cの2ページ目.html" target="C">Cに表示される2ページ目へのリンク</a> の様に正しく記述すれば問題ないかと思います。 説明が分かりにくいようでしたら、参考URLの方もご覧下さい。 「フレームの入れ子」と「タージェット・フレーム情報の設定」などが参考になると思います。

参考URL:
http://www.asahi-net.or.jp/~bd9y-ktu/html4rec_f/present/frames.html
noname#13871
質問者

お礼

Joh_Takaさん、私には難しくてわからなかったものもあったけど、色々技を教えてくださってありがとうございました!無事解決しました。

noname#10331
noname#10331
回答No.2

先程はった参考URL http://020.chips.jp/tag/page/frame.html#4 の最左下のパターンでよいのでは? そこをクリックしIEであれば『表示』『ソース』をみて参考にして下さい。

noname#13871
質問者

お礼

ありがとうございます。ソースは表示してみたんですが、それをそのまま張ったら、一番上のメニューが2つ出ちゃいました。そこでFrameset rows="30,*" Frameborder="no" Scrolling="auto" Border="0"> <Frame name="ue" src="1.html" noresize>を消してみたら、それらしくなったのですが、Scrolling="no"にしてるのにスクロールバーは消えてくれないし、そのあとの左のメニューから飛ぶと、左のメニューがきえちゃうし、ぜんぜんわかりません。ファイルも1.htmlとか、どのファイルのことかもあやふやで・・。もしわかれば、説明をしていただくとうれしいのですが・・・。もしよろしかったらお願いします。

noname#10331
noname#10331
回答No.1

説明がわかりません。 ex)フレーム.htmlと右.htmlと左.htmlがあるとして… 右(もしくは左)に新しいフレーム.htmlを読み込みたいのですか? それとも右(もしくは左)を更に分割したいのでしょうか? ※私のもわかりにくい(笑)…かも?

参考URL:
http://020.chips.jp/tag/page/frame.html#4
noname#13871
質問者

補足

すいません・・・ えっと、まず上.htmlと下.htmlにわけました。 で、下.htmlを左.htmlと右.htmlにわけたいんです。 ちなみに上.htmlがホームページ全体のメニューで、下.htmlがそのメニューの内容(ボディー)になります。 そして、左.htmlがそのカテゴリのメニューになって、右.htmlに内容がきます。 具体的にいいますと、自分の作品をのせるホームページを作ろうとおもいまして、上.htmlにトップ、日記、作品、リンクなどのメニュー、下.htmlにその内容、その中の作品の内容を表示するのに、左.htmlに題名、題名をクリックすると右に作品の表示、ってかんじにしたいんですけど・・・。できますかねえ?

関連するQ&A

  • フレームの中のフレーム

    フレームを使用したサイトを作っています。 メニューとそれの表示部分とありますよね? その表示部分内にメニューから選択すると新たにもう一つのフレームページを表示させたんです。 二つ目のフレームでターゲットを指定した場合、二つ目のフレームページ編集時では問題はなくターゲット指定したページだけが変わるのですが、ベースのフレームページから選択していくと、ターゲット指定しているのにもかかわらず二つ目のフレームだけ全画面表示になってしまうんです。 説明が滅茶苦茶ですみません。 何が問題でそうなってしまうのでしょうか? 判る方、教えていただければ幸いです。

  • フレーム分割したページの表示で困っています。

    ホームページビルダー9でホームページを作成しています。 ページを上下に2分割して上のフレームにリンクメニューを、下のフレームにメニューのリンク先を表示するように作りました。 自分のデスクトップパソコンでは問題なく表示されているのですが、試しにB5サイズのノートパソコンで表示してみると、画面全体が表示されず、上のページのメニューボタンを表示しているところが下のフレームページで隠れてしまっているのです。 下フレームは属性で自動的にスクロールバーが出るように設定しているので問題ないのですが、上のメニューは「なし」に設定しています。 ※デザイン上、表示させたくないので。 ここからが質問です。 ページを表示させた時に、ページ全体のサイズを変えても上のメニューのフレームページが常に下のフレームページの上に来るように、つまり、上のメニューページのサイズは変わらないように固定させる方法(!?)を教えて下さい。 説明がへたで申し訳ないのですが、どうぞ宜しくお願いします。

  • フレームから次のページへのクリックで、・・

    業務用ホームページを自分で作成しています。中級レベルだと思います。フレームを使用して、左にメニューを作りました。標準的なメニュー画面です。targetで指定して、クリックした目的のページを表示させます。右側のフレームに表示させること、新しいページにジャンプさせることはできますが、ウィンドウ全体に重ねて、ジャンプせずに、クリックの目的のページを表示をさせたいのですが、targetをどう使うのかわかりません。教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • フレーム内のページ表示について

    メニューとメインでフレームのページを作っています。 メインページに直接訪れた人の為に、「メニューが表示されない場合はクリック」とフレームページのリンクを作ってあります。<A href="index.html" target="_top"> フレームページ(メニュー)は表示されるのですが、次にメニュー項目をクリックすると、全画面でメインページがでてしまい、またメニューが見えなくなってしまいます。 ふつうにフレームページ(index.html)を開いた場合は、ちゃんとメインフレーム内に各ページが表示されるので、なぜメインページのリンクからだとそれができないのかがわかりません。 フレーム名はメニュー=menu メイン=mainとして、メニュー各項目のリンクは<A href="001.htm" target="main">としてあります。 説明が下手でごめんなさい。よろしくお願いします。

    • ベストアンサー
    • HTML
  • フレームページの表示について

    現在メモ帳タグ打ちでサイトを作っており、フレームページを 現在作成中なのですが、一つ自分の知識では解決できない問題が できてしまったので質問させていだきます。 2分割フレームで、 メニュー ┃ 表示ページ メニューでリンクをクリックした際、 表示ページにリンク先を表示させたいのですが、 新窓開きになってしまいます。どうすればいいのでしょうか? 講座サイトで見たターゲット指定もやっているのですが・・・。 ご回答お待ちしております。

  • ホームページでフレームのあるページをつくりましたが‥

    ホームページでフレーム(3分割)のあるページをつくりましたが‥検索サイトではあるフレームのURLのみが表示されて、ほかの2つは表示されません。そのため、トップページへ戻りたくてもメニューのページ(他の2つのフレームの内1つ)が表示されないのでトップへ戻れません。何かうまい方法はないのでしょうか?ちなみに、ホームページビルダー6です。よろしくお願いします。

  • 固定フレームのついたフレームページにリンクするには?

    メモ帳でホームページを作っています。初心者です。 メニューページにはフレームを使わず、 コンテンツ用ページを二つのフレームを使って、上部に各コンテントファイル、下部にメニュー(各コンテント名を一覧表示)が表示されるようにしています。下部フレームは固定フレームにしたいと思っています。 メニューページで各コンテント名をクリックしたとき、 上部にそのコンテントファイル、下部に固定メニューファイルの表示されたフレームページへリンクさせたいのですが、この方法がわかりません。 初めは、フレームページにアドレスを付けてリンクすればいいのよねー、と試みたのですが、そうすると全てのフレームページ、つまり上部フレームにそれぞれのコンテンツファイルが表示され、下部にメニューファイルが表示されたフレームページのひとつひとつにアドレスをつけないと、リンクできないのでは?と疑問がわきました。 しかし、それではフレームページの固定メニューファイルの各コンテント名をクリックしたときに、上部フレームにはコンテンツファイルのみでなく、各コンテンツのフレームページが表示されてしまい、下部の固定フレームが増えていって(泣)変なことになってしまいますよね。 フレームページ間のリンクは、その固定フレームの各コンテント名のtargetを上部フレーム名にすればよいので問題ないのですが・・・。 メニューページもフレームページにすれば解決するでしょって感じですが^_^;、メニューページには各コンテント名が載せてあるのに下にも同じ項目を並べるのはくどい気がして、ちょっと・・・と思いまして。 ご存知の方よろしくお願いします!

    • ベストアンサー
    • CSS
  • フレームを使ったページにリンクを貼る

    今ホームページを作成しています。フレームを使用しているページにリンクを貼りたいのですが、普通はそのフレームのページたとえばindexに貼りますよね。(メニューとそのページのトップページ) しかし、そうではなくフレームを使用したままでトップページではないところにリンクを貼りたいのですが、どうしたらよいでしょうか。 やはり、そのページにもフレームを使って別のHTMLファイルを作るしかないのでしょうか。 説明が下手で申し訳ありません。 分かる方教えていただけないでしょうか。

    • ベストアンサー
    • HTML
  • フレームページにしたい。

    タイトル通りなのですが、私は今ホームページを作っていて、他のサイトさんを参考にしたりしているのですが、だいたいのサイトさんがフレームページと言うものにしているのです。 とても見やすくて私もこうしたいと思ったので、ホームページ作成講座等のサイトを見てフレームページにしようとしたのですが、イマイチ説明文が理解できません。 どなたか分かる方、詳しくフレームページについて教えてください。

  • フレームページのリンクについて

    今、メモ帳でサイトを作っています。そこで、フレームページについてでわからないことがありましたので質問させていただきます。 質問は、縦に分割したフレームで左がメニュー、右がメインページとなったものです。 タグは下のとおりです。 <html> <head> <title> -とっぷ- </title> </head> <body> <center><font face="メイリオ"><br><br><a href="tyuui.html"target="main">ちゅうい</a></font><br> </center> </body> </html> サイトの注意書きを載せたいのですが、これだと別窓に表示されます。 注意書きのページ名はtyuui.htmlで表示する右ページ名はmain.htmlであっています。スペルチェック等も何度もしました。 mainの場所に.htmlをつけても別窓表示されます。 右のページにリンク先を出すには、どうすればいいのでしょうか。 私は極力お金をかけないように、サイトなどで確認・勉強しながらタグ打ちをやっていますので初心者です。説明も分かりにくいかもしれませんが、よろしくお願いします。