フレームのリンク(ターゲット指定？)について
-
0 名前： 左京 ： 2007/09/09（日） 21:57 ID:9HNFNE6X sub-zH
- こんばんわ、はじめまして左京と申します。
タイトルに書いてある通りにフレームのリンク(ターゲット指定？)について教えて頂きたくスレをたてさせて貰いました。
ここの検索エンジンで検索してみたり、他のHTMLサイトに書いてある事を試してみたのですが直りません。
重複しているスレッドがあったらすみません、ある程度調べたのですが私の症状にあうのがないと思ったので作らせて頂きました。
初心者なので専門用語はよくわかりませんが調べるので専門用語などを使われても大丈夫だと思います。
とりあえず今の状況をかきますね。
今私はHPを作成しています。
ギャラリーを作っていてフレームを使っていてわからなくなったのですが・・・
フレームを利用する為には
まず1つ目の宣言ページが必要ですよね。(フレームの左右の名前やurlなどを入力するページ)
で、2つ目にメニューを書いたりするページが必要で
3つ目にメインのページというか・・・そういうのが必要になるじゃないですか。
私は宣言ページにgizinka0という名前をつけています。
メニューページがgizinka1でメインページがgizinka2です。
gizinka0(宣言)のページにはこのように書いています。
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="15%,75%" frameborder="yes" border="1">
<frame src="./gizinka1.html" name="gizinka1" scrolling="yes">
<frame src="./gizinka2.html" name="gizinka2" scrolling="yes">
<noframes>
<body>
<p>このページを表示するには、フレームをサポートしているブラウザが必要です。</p>
</body>
</noframes>
</frameset>
</html>
で、gizinka1(メニューページ)にはこうかいていて
<html>
<head>
<title>タイトル</title>
<style type="text/css">
<!--
a:link{
color:000000;
}
a:active {
color:ffcc33;
}
a:visited{
color:000000;
}
a:hover{
color:ffcc33;
}
-->
</style>
</head>
<body>
<PRE><P align="center">
<a href="./gizinka3.html" target="./gizinka2">文字</a>
</P></PRE>
</body>
</html>
gizinka2(メインページ)にはこう書いています。
<html>
<head>
<title>タイトル</title>
</head>
<body><PRE>
<P align="center">多分ここに色々が出るよ！</P>
</PRE></body>
</html>
で、ここからが問題なのですが(問題に行くまでが長くてすみません;;)
私はメニュー(gizinka1)をクリックしてgizinka3というページをメイン(gizinka2)に表示したいのです。
gizinka3のページにはテーブルを幾つか設置しています。
gizinka3のページのタグも必要ならば言って下さい。
今の時点では、メニューをクリックすると今までメニューが表示されていたページにgizinka3がでるか、メニューをクリックすると別窓でgizinka3が表示されてしまいます。
htmlをつけたり色々いじってみたのですが直りません。
※全てのページはサーバーにアップしています。
文がまとまってなくて伝わりにくかったらすみません;;
どうか宜しくお願いします！
えと、どんな事を試したかは↑にもかいているのですが一応書いておきます。
色々なHTMLサイトを見てまわったり、ここの検索でも調べてみたりしました。
検索ワードは フレーム フレームリンク フレームターゲット指定 などでしました。
-
1 名前： 匿名 ： 2007/09/09（日） 21:57 ID:pT1d/NAA sub-kj
- http://www.tagindex.com/html_tag/frame/index.html
-
2 名前： 左京 ： 2007/09/09（日） 21:57 ID:9HNFNE6X sub-zH
- 匿名さん有難う御座います！
同じサイト内に載っていたのですね・・・気づかずに申し訳ありませんでした＞＜
↑のurlに書いてある方法を試してみたらちゃんと解決しました！
本当に有難う御座いましたっ！
