フレームのリンクについて。

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: 紫彗 : 2007/01/18(木) 18:40  [URL]  ID:SzivjDFb sub-Q5
フレームのリンクで、4つに分けています。(1縦2縦3横上下)テンプレート使用してます。
縦のフレームから横のフレームにリンクするとき、下だけに表示じゃなくて、
上にも表示しして欲しい…というか、
横のフレームだけを消したいのですが、やり方がわかりません。
親フレームに関係なるのかなと思ったのでやってみたけど無理でした…。
どうかご指導お願いいたします。

1   名前: カヅサツ ◆ThCi95HEzw : 2007/01/18(木) 18:40  [URL]  ID:O5hEMlpW sub-r2
index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
	"http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ja" dir="ltr">
<head>
<title>霧が晴れる時、貴方は死にまs(撲殺</title>
</head>
<frameset cols="32%,*">
	<frame src="sub.html" name="sub">
	<frame src="main.html" name="main">
	<noframes>
		<!-- このサイトではフレームを使用しています。<BR>
		もしも人より余分な気概があると自負する場合は、<BR>
		Internet Explore、Net Scape、Fire Fox、Opera等の最新バージョンをダウンロードして下さい。<BR>
		だそうです。
		
		こんな不親切なメッセージでなく、せめてリンクくらいは書きましょう
		-->
		<h1>霧が晴れる時、貴方は死にまs(撲殺</h1>
		<ul>
			<li><a href="sub.html">ページ名1</a></li>
			<li><a href="menu.html">ページ名2</a></li>
			<li><a href="top.html">ページ名3</a></li>
		</ul>
	<noframes>
</frameset>
</html>


sub.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<title>メインメニュー / 霧が晴れる時、貴方は死にまs(撲殺</title>
<base href="http://sisuixfog.web.fc2.com/">
<style type="text/css">
html{
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
}
body{
	color: white;
	background-color: #000000;
	background-image: url("back.jpg");
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin: 0px;
	padding: 0px;
}
#main{
	color: white;
	background-color: #000000;
	margin: 0px 80px 0px 0px;
	padding: 1px 0px 0px 0px ;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #FFFFFF;
}
</style>
</head>
<body>
<div id="main">
<h1>CONTENTS</h1>
<ul>
	<li><a href="http://www.google.co.jp/" target="main">google</a></li>
</ul>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
</div>
</body>
</html>


main.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
	"http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ja" dir="ltr">
<head>
<title>メイン / 霧が晴れる時</title>
</head>
<frameset rows="120,*">
	<frame src="menu.html" name="top">
	<frame src="top.html" name="frame">
	<noframes>
	<h1>メイン / 霧が晴れる時、貴方は死にまs(撲殺</h1>
	<ul>
		<li><a href="menu.html">ページ名1</a></li>
		<li><a href="top.html">ページ名2</a></li>
	</ul>
	<noframes>
</frameset>
</html>


menu.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
html{
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
}
</style>
</head>
<body>
<h1>霧が晴れた時。</h1>
</body>
</html>


top.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
html{
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
}
</style>
</head>
<body>
<p>霧が晴れる時。へようこそ。</p>
</body>
</html>


一覧へ戻る