- ベストアンサー
HTMLについて
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
フレームを２つに分けて、その両方に同じ画像を背景として使うんですよね？ ファイルの構成としてはフレーム1に表示するファイル、フレーム２に表示するファイル、フレーム分割するファイルの３個になります。 フレーム無しの状態で背景に画像を表示できていることを前提に説明します。 まず、フレーム1用、フレーム２用のＨＴＭＬファイルを作ります。 ここではフレームは意識せず、ＢＯＤＹタグの中で背景を指定してください。 ２個のファイルができたら、こんどはフレーム分割です。 フレーム分割するファイルは、自分では何も表示せず、分割した先に表示する ファイル名の指定を行います。 そのためＢＯＤＹタグは必要ありません。 （ただし、フレームに対応していないブラウザ用の記述をする場合は必要になります。） サンプルを記述しておくので、参考にしてください。 <HTML> <FRAMESET COLS="50%,50%"> <FRAME SRC="フレーム1.html" name="フレーム左側"> <FRAME SRC="フレーム2.html" name="フレーム右側"> <NOFRAMES> <BODY> <P>フレームに対応していません。 </BODY> </NOFRAMES> </FRAMESET> </HTML> こんな感じでいかがでしょうか。
その他の回答 (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="***"> とすればいいのではないでしょうか？
お礼
回答どうもありがとうございます！！
関連するQ&A
- HTMLサイトのように…（HTMLについて詳しく分かる方お願いします
<!-- BODY { background-image : url("○○.jpg"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat ; } --> コレを背景画像のタグとせず、HTMLサイトのように、ページに文字として出したいのですが、どうすればできるのですか？ 説明下手ですいません´｀
- ベストアンサー
- その他([技術者向] コンピューター)
- HTMLの背景画像の表示位置を変更する方法
HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか？ 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。
- ベストアンサー
- HTML
- グラデーション背景と画像固定背景
こんにちは。 ホームページ作成初心者の者なのですが、ページの背景をグラデーション背景の上に固定した画像背景を乗っけようと考えているのですが、グラデーション背景のタグを入れると画像背景のタグが無効になってしまいます。この二つを同時に有効にする事は不可能なのでしょうか。 ちなみにタグは <HEAD> <STYLE> <!--BODY { background-image : url(back2.gif) ; background-repeat : no-repeat ; background-position : 90% 90% ; background-attachment : fixed ;} --> </STYLE> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') } --> </STYLE> （省略） </HEAD>
- ベストアンサー
- ホームページ作成ソフト
- フレームを装飾したいのですが…
こんにちは。フレームタグで画面を仕切って、 フレームのボーダーラインに素材を使いたいのですが、 そのようなタグがあったら教えてください！！ また、代わりになるようなアイディアがありましたら、 それでも構わないので教えてください。 どうかよろしくお願いしますm（__）m
- ベストアンサー
- HTML
- HTMLのタグ(フレーム)について
現在HTMLタグでホームページを作っています。 左にメニュー項目、右にその内容が表示されるようにフレームタグ、frame src=を使いました。 しかしここで困っていることがあります。 メニューで選択したページが表示されるにはされるのですが、いちいち新しいページを開くことになるのです。 同じページに左で選択した項目を右側に表示したいのですが、どのようにタグを変えればよいのでしょうか。 わかるかた教えてください。
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景に二つ表示
まずひとつ。 <BODY>タグに入る、背景画像（この画像はもう背景をとして使えるので位置は指定せず、<BODY>タグに入れました） そしてもうひとつ。 右下に画像を固定したいのです。 そうすると、 <HEAD>タグに一つ、入ります。 そして<BODY>タグにも入ります。 両方表示させると、<HEAD>タグのほうしか反映されません； まとめると、 背景画像＋右下に画像を固定表示させるにはどうしたらいいでしょうか？
- 締切済み
- その他([技術者向] コンピューター)
- 背景にグラデーション、外枠に影をつけたい
http://www.musclemusical.com/ ドリームウィーバーでこちらのサイトのように、 背景はグラデーション、更に外枠テーブルの左右と下に影をつけたいと思っています。 調べていたところグラデの背景は、 cssスタイルのbodyでバックグラウンドで指定するということで、 やってみたら成功したのですが、 ネットで外枠の影のつくりかたを調べたところ、それもbodyタグを使うとなっていました。 両方bodyタグのbackgroundで指定できるのでしょうか？ どちらかしか使えないようなのですが.... CSS等ははじめてでさっぱり分かりません。 言っている事が意味不明かもしれませんが、 背景と外枠の影と両方どう実現すればいいか教えていただけると嬉しいです。 宜しくお願い致します。
- 締切済み
- HTML
- ホームページビルダーＶ９での背景固定について
ホームページビルダーＶ９を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>
- 締切済み
- ホームページ作成ソフト
- <BODY>タグに複数のstyle属性
現在ホームページビルダーでサイトを作っています。 まず、背景の画像を<BODY background="画像" style="background-repeat:no-repeat"> で繰り返しを制限しています。 さらに、マウスカーソルの形を十字にしたいので、 <BODY>タグに<style="cursor:crosshair">を追加しました。 ですが、こうすると「複数の属性値(style)が指定されています」 という構文エラーが出てしまい、上手くいきません。 <BODY>タグに複数のstyle属性を入れることはできないのでしょうか？ HP作り初心者なのでよくわかりません。 ご回答宜しくお願いします。
- ベストアンサー
- HTML
- Webタグの背景について
今HPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか？ 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですが・・・
- 締切済み
- その他([技術者向] コンピューター)
お礼
回答どうもありがとうございます！！