- ベストアンサー
HTMLについて
いま、ホームページを作っているのですが、背景に画像を入れたいときは <BODY BACKGROUND>って言うのを入れなきゃいけませんよね。 今フレームを作ろうと思っているのですが、フレームタグが、BODYの代わりになっているって書いてあって、BODYをいれてフレームタグを入れても、何も反応しません。フレームで分けた両方に画像を入れたいんです。どうすればいいでしょうか？ タグを教えてください。よろしくお願いします！！
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (4)
- uduki4
- ベストアンサー率42% (69/163)
フレームで分けたページにそれぞれ画像を入れたいのですね。 1つの画像をそれぞれに入れたいのなら、まず、 フレームをきちんと分ける必要があります。 例で上げるのなら、 index.htmlは、 <html> <head> <title>index</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <frameset cols="100,*" border="1" framespacing="1" rows="*" bordercolor="#000000"> <frame name="leftFrame" scrolling="NO" noresize src="a.html"> <frame name="mainFrame" src="b.html"> </frameset> <noframes><body bgcolor="#FFFFFF" text="#000000"> </body></noframes> </html> で、 これは、 "leftFrame"(a.html)に100ピクセル幅を持たせて、 "mainFrame"(b.html)にその残りをと言うものです。 これは見やすいように、ボーダー幅を1ピクセルに、ボーダーの色を黒にしました。 そして、 そしてフレームで分けたページを書きますと。 a.htmlが、 <html> <head> <title>A.html</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <STYLE TYPE="text/css"> <!-- body { background-image:url("***1.jpg"); background-attachment:fixed ;} --> </STYLE> </head> <body background="***1.jpg"> </body> </html> で、 b.htmlが、 <html> <head> <title>B.html</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <STYLE TYPE="text/css"> <!-- body { background-image:url("***2.jpg"); background-attachment:fixed ;} --> </STYLE> </head> <body background="***2.jpg"> </body> </html> となります。 バックに画像を入れたいのでしたら、 それぞれの(この場合は、a.html・b.html)<body background=*****>にはそれぞれ"***1.jpg""***2.jpg"となっている事を確認してください。 これは、JPEG画像を"leftFrame"(a.html)は、100ピクセルで、切った物(画像編集ソフトでやって下さい。色々とありますので、Winならペインターがついていますし、Macならば・・・ちょっと忘れました・・・）を、 "***1.jpg"として、"a.html"にはったもので、 当然、その残りを"mainFrame"(b.html)に"***2.jpg"としてはったものです。 何も書かれていなかったのですが、 この場合、 動くとおかしくなりますので、 スタイルシートで固定しておきました。 その際は、<body>タグに書いてある「background="****.jpg"」入りませんので消しておかれることを書いておきます。 と言う具合です。 ちょっと分りづらいかもしれませんが、そのときは補足でも、質問でもかまいませんのでして下さい。 喜んで回答させていただきます。(私の分る範囲でならと言う制限付きですが・・・） では、良いホームページを作られることを願っています。
お礼
回答どうもありがとうございます！！
- amagurichan
- ベストアンサー率42% (240/560)
フレームの中に入れるページはもう作ってありますか？ そのページの背景の設定はどうなってますか？ フレームだけあっても中のページが無かったり、表示させるページを設定してなければ真っ白です。 フレームだけあってもだめです。
お礼
回等どうもありがとうございます！！
- justy
- ベストアンサー率0% (0/3)
はじめまして。 <body background>はDeprecatedとなっているため、現在でしたらスタイルシートを用いた方が良いと思います。 <head>部に <meta http-equiv="Content-Style-Type" content="text/css"> <style> <!-- body {background-image:url("****.jpg") ;} --> </style> を追加し、bodyを通常通り記述すれば良いです。 で、本題ですが、フレームの親というか<frameset>を記述してあるhtmlに、body句を記述されていますよね？ それをはずすとうまくいくと思います。
お礼
回答どうもありがとうございます！！
- KODAMAR
- ベストアンサー率26% (267/1006)
フレームの中にそれぞれ画像を指定すればいいのでは？ たとえばTOPページがフレーム設定してあって、左右に分かれていたのなら （それぞれ「hidari.html」「migi.html」） hidari.htmlとmigi.htmlのソースの中に <BODY BACKGROUND="***"> とすればいいのではないでしょうか？
お礼
回答どうもありがとうございます！！
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
回答どうもありがとうございます！！