- ベストアンサー
フレームで左から右へいきません。
フレームを使っているのですが、左の縦長フレームと上の横長フレームを残したまま左のフレームから右のページに絵を表示させたいのです。 でも、そういう左から右へ表示させるタグ(Frame name="**")を使っても右のページに表示されず次のページに表示されてしまいました。 たぶん上の横長のフレームが邪魔をしているのだと思うのですが・・・。(前、横フレームなしで使っていたときは普通に左から右に表示されたので) HPを作るときに使っているのはメモ帳です。 それでも分からないところがあったら言ってください よろしくお願いします。
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
まず<frameset>の記述の仕方を勉強して下さい。↓ http://www.tohoho-web.com/html/frameset.htm お考えのページは次の【frame.html】のようなものをお考えと思います。 これはその次の【top.html】【photo-hidari.html】【kokonihyouji.html】と組合わせて4個で1ページになります。↓ 【frame.html】 <html><head> <title>フレーム</title> </head> <frameset rows="50,*"> <frame src="top.html" name="top"> <frameset cols="150,*"> <frame name="hidari" src="photo-hidari.html" SCROLLING="no" frameborder="no" noresize> <frame name="migi" src="kokonihyouji.html" frameborder="no" noresize> </frameset> </frameset> </html> 【top.html】 <html><head> <title>top</title> </head> <body bgcolor="#ccFFFF" text="#000000"> <center> ここはフレームのトップを表示するページです </center> </body> </html> 【photo-hidari.html】 <html><head> <title>写真ー左</title> <Style Type="text/css"> <!-- A:link { text-decoration:none; } A:visited { text-decoration:none; } A:active { text-decoration:none; } A:hover { text-decoration:none; } //--> </Style> </head> <body bgcolor="#FFFFFF" text="#000000"> <Br> 写真一覧 <Br><Font Size="2"> 右に表示されます <Br><Br> 風景 <Br> <A Href="http://****/gazou/aoi2.JPG" Target="migi">青い夕方(加工していません)</A><Br> <Br> <A Href="http://****/gazou/kabegami.jpg" Target="migi">青い空(注1632×1224 348KBあります)</A><Br> <Br> <A Href="http://****/gazou/yuki.JPG" Target="migi">雪詰め(注1287×1446 245KBあります)</A><Br> <Br> <A Href="http://****/gazou/tenkuu.JPG" Target="migi">光の柱</A><Br> <Br> </body> </html> 【kokonihyouji.html】 <html><head> <title>migi</title> </head> <body bgcolor="#FFFFcc" text="#000000"> <center> これは右のページです </center> </body> </html>
その他の回答 (4)
- shinkun0114
- ベストアンサー率44% (1553/3474)
#2です。 補足ありがとうございました。 ●確認事項1 #2の補足については、2つのhtmlファイルが書かれているという 解釈でよろしいですか? ●確認事項2 上に書かれた方は、FRAMESETを行うhtmlで、 下に書かれた方がphoto-hidari.htmlという別ファイル になっているという解釈ですね? ●確認事項3 ちなみに、このフレームは上下にも分割していますよね? さらに上下に分割するFRAMESETのhtmlファイルも あると思います。 そのソースも示してください。 なお、それぞれのファイル名を教えてください。 また、複数のソースを書き込まれる際は、ファイルの 区切りがわかるようにお願いしますm(_ _)m
お礼
すみません、たぶん上の方の答えでできると思います。 ありがとうございました。
左メニューのHTMLの中にフレームセットを入れちゃってるからおかしいんじゃないですか? フレームセットはindexにしておいて上・左・右フレームを宣言。 左メニューの中にはフレームセットいらない。右で見せたいものをtarget="右"で。 補足に書かれたもので言うと、 <Html> <Head> <Title>写真</Title> </Head> <Frameset cols="150,*"> <Frame name="hidari" src="photo-hidari.html" SCROLLING="no" frameborder="no" noresize> <Frame name="migi" src="kokonihyouji.html" frameborder="no" noresize> </Frameset> <Noframes> </Noframes> </Html> がまるまる不要だと思います。
補足
あれ、また補足が消えてる。・・・私だけ? TOPでは上メニューだけにしたいです。 写真のページを選んだら画像のように上フレーム・左フレーム・右ページになるというような感じです。
- shinkun0114
- ベストアンサー率44% (1553/3474)
画面のデザインはわかりましたので、FRAME SETのソースと、 実際にリンクを貼っている部分の<A>タグを補足欄に 書いてみてください。
補足
<Html> <Head> <Title>写真</Title> </Head> <Frameset cols="150,*"> <Frame name="hidari" src="photo-hidari.html" SCROLLING="no" frameborder="no" noresize> <Frame name="migi" src="kokonihyouji.html" frameborder="no" noresize> </Frameset> <Noframes> </Noframes> </Html> <html> <head> <title>写真</title> <Style Type="text/css"> <!-- A:link { text-decoration:none; } A:visited { text-decoration:none; } A:active { text-decoration:none; } A:hover { text-decoration:none; } //--> </Style> </head> <body bgcolor="#FFFFFF" text="#000000"> <body background="******.html"> <Br> 写真一覧 <Br><Font Size="2"> 右に表示されます <Br><Br> 風景 <Br> <A Href="http://****/gazou/aoi2.JPG" Target="migi">青い夕方(加工していません)</A><Br> <Br> <A Href="http://****/gazou/kabegami.jpg" Target="migi">青い空(注1632×1224 348KBあります)</A><Br> <Br> <A Href="http://****/gazou/yuki.JPG" Target="migi">雪詰め(注1287×1446 245KBあります)</A><Br> <Br> <A Href="http://****/gazou/tenkuu.JPG" Target="migi">光の柱</A><Br> <Br> </body> </html> 上の二つが左のフレームのソースです。 FRAME SETのソースと、 実際にリンクを貼っている部分の<A>タグってこのことですか?
target指定が間違っている可能性はないですか? 左にメニューがあって右にそれを表示させたいなら、メニューは <a href="リンク先" target="右フレーム名(任意の名前)">となりすね。
補足
あれ?なぜか補足がきえている・・・。 何回も確認したので間違いないと思います。
お礼
上のサイトでがんばって勉強します。 参考URLありがとうございます。