- 締切済み
別フレーム内の特定箇所へリンクを挿入する方法を教えてください。
ページをフレームで左右に分割し、「左ページから、右ページの特定箇所へリンクさせる」方法を教えてください。 （以下のとおり試してみましたが、できませんでした。） ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 【フレームのページ(http://～top.html】 <html> <head><title>フレームのページ</title></head> <frameset cols="35%,65%"> <frame src="http://～leftpage.html" name="left"> <frame src="http://～rightpage.html" name="right"> </frameset> </head> </html> 【左ページ（http://～leftpage.html)】 <html> <head><title>左ページ</title></head> <body> <a href="http://～recipi.html#recipi1" target="right">プリンの作り方</a><br> <a href="http://～recipi.html#recipi2" target="right">ショートケーキの作り方</a><br> <a href="http://～recipi.html#recipi3" target="right">タルトの作り方</a> </body> </html> 【右ページに挿入させたいページ（http://～recipi.html)】 <html> <head><title>レシピのページ</title></head> <body> <a name="recipi1">プリンの作り方</a> １．卵をボウルに入れ、かきまぜる<br> ２.砂糖、牛乳を・・・<br> <br> <a name="recipi2">ショートケーキの作り方</a> １．卵をボウルに入れ、かきまぜる<br> ２.砂糖、牛乳を・・・<br> <br> <a name="recipi3">タルトの作り方</a> １．卵をボウルに入れ、かきまぜる<br> ２.砂糖、牛乳を・・・<br> </body> </html> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ よろしくお願いいたします。
- lalakko123
- お礼率100% (5/5)
- HTML
- 回答数4
- ありがとう数6
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- DOUGLAS_
- ベストアンサー率74% (397/534)
[回答番号：No.2] の DOUGLAS_ です。 ＞リンク先とリンク先の間隔を長くしてみましたが、うまくいきませんでした。 どの程度、長くされたのか存じませんが、必要以上に、例えば、 <br><br><br><br><br><br><br>・・・・・ の替わりに、 <p style="line-height: 3000px;"> </p> としても、上手くリンクしているように見えないようで、なおかつ、「top.html」・「leftpage.html」・「recipi.html」を ・それぞれ改変され ・ちゃんとアップロードし、 ・最後に、ブラウザの画面を更新 していらっしゃって、それでも、上手くいかないようなことでしたら、私には原因が判りません。 失礼いたしました。 <(_ _)>
- reverie013
- ベストアンサー率18% (26/143)
そんなことは放っておいて！ と思われるかもしれない気になった点を指摘させて頂きます。 ご質問の回答にはなっていないと思います。 ・フレームページ→</html>の直前に謎な</head>がいる。 ・a要素など、インライン要素はブロックレベル要素に入れて書いた方が良い。(と思う。DTDによって違うかも) ・<br>はスペース空けに使わず、CSSにてmarginで対処。 ・１．２．‥という書き方を見る限り、<ol>リストにした方が良い。 さらに言うならdl要素も使うと良いかも？ ・(これまた対応させたい環境やDTDによって変わるかもしれないが)nameよりidが個人的にはおすすめ。 以上間違ってるところがあったらスミマセン。 質問の回答としては、そのあたりの記述が間違ってるようには見えないので 先の方が仰るようにページの長さが足りないから気が付いていないだけかも。
お礼
ご指摘、ありがとうございます。 アドバイス通り変更した上で、リンク先とリンク先の間隔を長くしてみましたが、うまくいきませんでした。 よろしくお願いします。
- DOUGLAS_
- ベストアンサー率74% (397/534)
[回答番号：No.1] の DOUGLAS_ です。 ＞【右ページに挿入させたいページ（http://～recipi.html)】 の下にお書きのＨＴＭＬタグですが、「#recipi1」などのリンク先がそれぞれ４行しかありませんよね。 これを、例えば、 <a name="recipi1">プリンの作り方</a> １．卵をボウルに入れ、かきまぜる<br> ２.砂糖、牛乳を・・・<br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> などのようにして、それぞれのリンク先の間を空けてやると、ちゃんとリンクしているのがお分かりになるかと存じますが。。。
お礼
ご回答ありがとうございます。 リンク先とリンク先の間隔を長くしてみましたが、うまくいきませんでした。 引き続き、対処方法をご伝授いただきたく、お願いいたします。
- DOUGLAS_
- ベストアンサー率74% (397/534)
<frame src="http://～rightpage.html" name="right"> のところが <frame src="http://～recipi.html" name="right"> ではないですか？
お礼
ご指摘ありがとうございます。補足させていただきます。 はじめは、右フレームは何もないページ（http://～rightpage.html）を表示させておき、左フレーム内のリンクをクリックしたところで右ページに情報（http://～recipi.html）を表示させる予定です。 従いまして、 <frame src="http://～rightpage.html" name="right"> で合っているかと思うのですが、いかがでしょうか。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
ご回答、ありがとうございます。 <p style="line-height: 3000px;"> </p> としても、上手くリンクしているように見えないようで、なおかつ、「top.html」・「leftpage.html」・「recipi.html」を ・それぞれ改変され ・ちゃんとアップロードし、 ・最後に、ブラウザの画面を更新 を実施しておりますが、うまくいきませんでした。 引き続き、自分でもいくつか試してみたいと思います。 ありがとうございました。