WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:フレームのリンクについて

kz [WriteDate : Wed Jun 20 15:16:46 2001]

初めまして。よろしくお願いします。
フレームでリンクがうまく行きません。
タテに分割して、左右に分かれたページを作りました。
それぞれのフレームには、NAME=で、名前を指定しました。
まず参考までにそのソースを載せます。
(ファイル名は index.htmlです。)
そして、左に表示されているファイルはframe1.html、
右はframe2.htmlと、別々のファイルを作成しました)
全て同じフォルダに入っています。

<html>
<frameset frameborder="0" cols="20%,80%">
<frame src="frame1.html" name="one">
<frame src="frame2.html" name="two">
</frameset>
</html>

そして、左のページにメニューを表示させていまして、gif画像の
アイコンを6つ縦に並べて使っています。
それで、ためしにプロフィールのページを作りまして、
(ファイル名は、profile.htmlとしました)
メニューはframe1.htmlに書かれています。そして、
プロフィールのアイコンをクリックすると、
右フレームにプロフィールの画面が出るようにしたいと思いまして、
リンクをはってみたのですが、クリックしても右側のページにプロフィールは出ずに、ページを表示できません、と出てしまいます。
frame.1のソースを載せてみます.

<html><body><STYLE TYPE="text/css">
<!--
A:hover{cursor:crosshair;}
BODY{cursor:crosshair;}
-->
</STYLE><center><BODY bgcolor="#FFFFFF"><BR><BR><BR>
<IMAGE SRC="bt146home.gif"><BR>
<A HREF="profile.html" TARGET="two">
<IMAGE SRC="bt146pro.gif"BORDER="0"></a><BR>
<IMAGE SRC="bt146diary.gif"><BR>
<IMAGE SRC="bt146bbs.gif"><BR>
<IMAGE SRC="bt146link.gif"><BR>  
<IMAGE SRC="bt146mail.gif"></center></body><html>

としました。わかりづらい説明で申し訳ありません.
ファイルの数は、フレームを定義するhtmlファイル、index.html
        左側に表示されるファイル、frame1.html
        右側に表示されるファイル、frame2.html
        プロフィールのファイル profile.htmlと
4つのファイルを作っています.これであっているのでしょうか.
どうすれば右フレームにプロフィールが表示されるように
なるのかが知りたいのと、gif画像をリンクに使いたい場合、
どうやってタグを書くべきかと悩んでいます.
どうぞよろしくお願い致します。


ひよこ [MAIL] [URL] [WriteDate : Wed Jun 20 19:21:02 2001]

考えられる事は「ファイル名を間違っている」、「profile.htmlが違うフォルダに入っている」ぐらいかな?

最初のフレーム画面が表示された状態で、アドレスバーの「index.html」の部分を
「profile.html」に書き換えてちゃんと表示されますか?

ちなみに<center>がちゃんと入れ子になっていませんよ。


kz [WriteDate : Wed Jun 20 20:12:03 2001]

ひよこ様、こんばんは。
質問に回答していただき、有難うございました。
ご指摘どおりに確認しましたところ、ファイル名の綴りを
間違って書いておりました。初歩的な間違いですね・・
おかげさまで、右フレーム内にきちんと表示できて、
とても嬉しいです。本当に有難うございました。

>ちなみに<center>がちゃんと入れ子になっていませんよ。

教えていただいて、有難うございます。
行頭の、<body>のあとに記述すれば良いのでしょうか。
恐縮ですが、よろしくお願い致します。


ひよこ [MAIL] [URL] [WriteDate : Wed Jun 20 20:46:55 2001]

> 行頭の、<body>のあとに記述すれば良いのでしょうか。

細かな文法は別にして(笑)<body><center>〜</center></body>で入れ子になります。


kz [WriteDate : Wed Jun 20 21:06:10 2001]

お返事いただきまして、ありがとうございます。
ごく初歩的な間違いをしてしまいまして、
お手数おかけしました。
さっそく、指摘していただいたところ、
直してみます。
ありがとうございました!


カヅサツ [URL] [WriteDate : Wed Jun 20 23:48:46 2001]

# 本筋とは関係ないのでご関心無き場合はどうぞ無視してください。

えーと、その他イロイロとに間違いが多いです。

・BODY 要素の開始タグが二つあるのは不正
・TITLE 要素がない
・IMAGE は IMG の誤りでは?
・IMG には ALT 属性があった方が良い
・最後の HTML 要素の終了タグがミス

以下のような感じになりますか。もっとやりようはありますが
(pro.gif は profile の略、ですかね?)。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>(文書のタイトル)</title>
<STYLE TYPE="text/css">
<!--
A:hover{cursor:crosshair;}
BODY{cursor:crosshair;}
-->
</STYLE>
<head>
<BODY bgcolor="#FFFFFF">
<center>
<BR>
<BR>
<BR>
<IMG SRC="bt146home.gif" ALT="Home"><BR>
<A HREF="profile.html" TARGET="two">
<IMG SRC="bt146pro.gif" BORDER="0" ALT="Profile"></a><BR>
<IMG SRC="bt146diary.gif" ALT="Diary"><BR>
<IMG SRC="bt146bbs.gif" ALT="BBS"><BR>
<IMG SRC="bt146link.gif" ALT="Link"><BR>  
<IMG SRC="bt146mail.gif" ALT="Mail">
</center>
</body>
<html>


ツッコミ職人 [WriteDate : Wed Jun 20 23:58:10 2001]

 ・
 ・
 ・
</center>
</body>
</html>


kz [WriteDate : Thu Jun 21 19:54:20 2001]

カヅサツ様、ツッコミ職人様、質問の方、見ていただきまして
ありがとうございます。また、間違いだらけの記述まで
指摘していただいて、恐縮しています。
ALT属性のことも、さっそく調べてみました。
早いうちにわかって良かったです。
また、いろいろと勉強してみます。
ありがとうございました。


カヅサツ [URL] [WriteDate : Thu Jun 21 22:44:42 2001]

突っ込んでおいてボク自身が間違えては世話ないですね。
ご指摘感謝です。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World