• ベストアンサー

背景画像を固定したのに…ビルダーです。

こんにちは。 いま、ホームページビルダー７でホームページをつくっています。 よく、写真などの画像を右上に固定してるサイトってありますよね？スクロールしても動かないという。それをしたくてタグを調べ、ためしにやってみたのですが、画像が繰り返してしまうのです。 私は、１枚の空の写真だけを右上に貼りたいのですが…。 タグは以下のとおりです。 ↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 HTML4.01 Frameset //EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- BODY{ background-image : url(ファイル名.jpg); background-attachment : fixed; background-position : right top; background-repeat : no-repeat; } --> </STYLE> </HEAD> <BODY></BODY> </HTML> 一番不思議なのが、ビルダーで「繰り返さない」にチェックしているのになってしまっているということです。ただ画像が繰り返されてるのではなく、途切れ途切れに。 PC自身の問題なのでしょうか。 それと欲張ってもうひとつ。 スクロールバーの色をかえるタグをいれてみたのですが、ビルダー７では反映されないのでしょうか。まったくかわりません。 言葉で説明するのがどうも難くて…分かりづらくて申し訳ありません。お返事まっています。

noname#11129
noname#11129

質問者が選んだベストアンサー

  • ベストアンサー
  • tsubura
  • ベストアンサー率28% (52/182)
回答No.5

でしたら、ビルダーで制作した後、メモ帳(マックならワードパッドかな)などで開いて書き直せばいいと思います。 もしくは、ビルダー内に、記述ミスを自動修正という機能があるので、それをオフにしてみるとか。 なんにせよ、DOCTYPE宣言を下手にしてしまうと、それによって無効になってしまうタグもあるので注意しましょう。 ビルダーで制作すると言っても、ある程度HTMLの知識はあったほうがいいですよ。

noname#11129
質問者

お礼

で　き　ま　し　た　…！！ 自動修正オフにしてみたんです。うわあできました！本当にありがとうございます！質問に何度もわざわざ教えていただいて…！助かりました。これを気に、HTMLについて勉強しようと思います。本気で。ありがとうございました！！

その他の回答 (4)

  • tsubura
  • ベストアンサー率28% (52/182)
回答No.4

ああ・・<!DOCTYPE>がFramesetだったんですね。 えと、私はビルダーを使ったことがないので、プレビューがどういう表示をしてくれるのかはわかりませんが、とりあえず、フレームの簡単な説明を。 フレームが最低３枚のファイルでできているのはご存知ですか？ ひとつはフレームを表示させる為「だけ」のファイル。これの<!DOCTYPE>はFramesetになります。 そのほかのファイルは表示させたいファイルです。これは<!DOCTYPE>はStrictかTransitionalになります。まあ、<!DOCTYPE>はおいて置いて(笑) でJoh_Takaさんもおっしゃっているのは、この３枚のファイルがメチャクチャになっている可能性があるということだと思います。 また、フレームは３枚以上のファイルでできていますので、フレームを表示されるだけのファイルにスタイルシートを指定しても、表示されるファイルに反映されなです。 とりあえず、フレームはおいて置いて、ひとつひとつ処理してみたらどうでしょう？ フレームではなく、まず、ファイルを作りきって正常に表示されるようになったら、フレームとして構成してみるとか。

noname#11129
質問者

お礼

3枚以上のファイルから成り立っているのですか！しりませんでした。ひとつひとつ処理しようと思ったのですが、ビルダーの機能に勝手に宣言を決めてくれるものがあるみたいなんです。そのお陰で、なんど新しくページをつくっても、違う宣言に書き直しても、保存すると「frameset」になってしまうんです…（泣）ぅーん…

  • Joh_Taka
  • ベストアンサー率76% (222/292)
回答No.3

ご質問欄で記述されているソースはフレームセットのものですか？ それとも、普通の一枚のHTMLページのものですか？ <!DOCTYPE> が Frameset になっていますが・・？ もし、フレームセットでは無いのでしたら、1行目にある <!DOCTYPE> 宣言のタグを <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> に替えてみてください。 また、もしもフレームセットのHTMLにCSSを適用させようと記述しても、表示される各フレームにはスタイルは反映されませんよ。 CSSは、それぞれのフレームに表示される各ページのHTMLに記述されていなければいけません。 フレームセットは、あくまでもフレーム構成を定義するものであって、それに記述されたCSSはフレーム表示に未対応のブラウザで閲覧する閲覧者に対するメッセージ表示テキストにしか反映されません。 ・・・ご理解いただけますか？　ちょっと難しい書き方となってしまいましたでしょうか・・・？

noname#11129
質問者

お礼

こんにちは。今私の中にある知識をフル稼働してみました…（笑）。ええっと、フレームのなかのページです。ページにもタグを打ち込んでみたのですが改善されません。 ただ、プレビューするたびに、画像がうまくいったりうまくいかなかったりするので、パソコンか、ビルダーの問題なのか…。それにしても一般人のかたでもこういう知識があるのってすごいですね。タグ勉強しようかな…ありがとうございました。

  • tsubura
  • ベストアンサー率28% (52/182)
回答No.2

私もＩＥ６なのでブラウザには問題はなさそうですね。 ちなみに、ビルダー７では、スクロールバーは反映されないようです。 後、途切れ途切れにと言う表現がいまいちわかりません。画像がうまくいっていないのかもしれません。画像ファイルは正常ですか？ また、コレ以降にbodyに関係する記述や、外部ファイルで参照したりはしていませんか？

参考URL：
http://hpb.cool.ne.jp/hpbuilder/ss_dekinai.htm
noname#11129
質問者

補足

ＵＲＬほんとうに役立ちました！ありがとうございます！ 途切れ途切れ…すいません、私自身どう表現すればいいのかわからなくって…。 まず、右上に1枚の画像が固定されていて、その画像の下に半分に切れた同じ画像が何度も繰り返されているんです。お分かりいただいたでしょうか…画像ファイルは正常だと思います。他の画像で試してもそうなったので。 もう一度ファイルに保存しなおして挑戦してみますね。

  • tsubura
  • ベストアンサー率28% (52/182)
回答No.1

ＰＣというよりブラウザの問題かもしれませんね。丸コピしてテストしてみましたが、問題なく、右上に画像が表示されましたよ。 お使いの、ブラウザは何でしょう？

noname#11129
質問者

補足

わざわざコピーまでして頂いてありがとうございます！ブラウザは、IE６です。ブラウザの問題なんでしょうか…

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 背景画像をウィンドウに合わせて動くようにしたいのですが

    WinXP　ビルダー10を使用しています。 閲覧する人が任意の大きさにウィンドウサイズを変えた時にそれに合わせ背景画像が一緒にずずずっと移動する、というようにするようにしたいのですが（ウィンドウと磁石のようにくっついており、小さくしても背景画像の中心が画面に来る、という感じです）どうしたらよいのでしょうか？現在は背景画像が小さくするとそのまま見えなくなる状態です。 タグは以下になってます。 <HTML> <HEAD> <BASE target="_parent"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 10.0.0.0 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>top</TITLE> <STYLE type="text/css"> <!-- </HEAD> </HTML> BODY{ background-color : black; background-image : url(＊＊＊＊); background-repeat : no-repeat; background-attachment : fixed; } --> </STYLE> </HEAD> </HTML> 色々試したのですが…中々できません。 ご存知の方教えて下さい。宜しくお願い致します。

    • ベストアンサー
    • HTML
  • ホームページビルダーＶ９での背景固定について

    ホームページビルダーＶ９を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>

  • Safariで画像が出ません！

    WinXPにてHPを作っています。 WinではIE7、IE6、NN7、FireFox、Opera MacではIE、FireFox、Opera、Safari で動作・レイアウトの確認をしています。 何故かSafariのみ、以下のタグを入れたページの背景画像が出ず真っ白な画面になってしまいます。 どこに間違いがあるのかさっぱりわからないんです… ご存知の方、教えて頂けるとありがたいです！！ 宜しくお願い致します。 タグ一覧↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <BASE target="_parent"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Imagetoolbar" content="no"> <meta name="robots" content="noindex, nofollow,noarchive"> <meta name="GOOGLEBOT" content="NOINDEX, NOFOLLOW, NOARCHIVE"> <TITLE>top</TITLE> <STYLE type="text/css"> <!-- BODY{ background-color : black; background-image : url("＊＊＊＊.gif"); background-repeat : no-repeat; background-position:25% 0%; } --> </STYLE> </HEAD> </HTML>

    • 締切済み
    • CSS
  • 背景を固定する。

    <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image: url(画像のＵＲＬ); background-repeat: no-repeat; background-position: right bottom; } --> </STYLE> </HEAD> <BODY> ・ ・ ・ </BODY> </HTML> このタグをいれても、背景が表示されず真っ白です。 何か間違ってるところがありますか？

  • 背景画像の折り返しをしたい

    背景画像を横に折り返したいのですが、下のタグを打つと、ドキュメントウインドウでは表示されるのですが、ブラウザで見ると何も表示されません。 画像の格納場所は、あっているはずですが、どこが間違っているのかわかりません。。。 dreamweaver MX、ブラウザはIE6.0を使用しています。 手打ちで行ったのですが、DREAMWEAVERの操作でできるのであれば、その方法も知りたいです。 お手数ですがどなた教えてください。よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>上のフレーム</title> <STYLE type="text/css"> <!-- BODY{ background-image:url(/img/top/line2.gif); background-repeat:repeat-x; } --> </STYLE> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> </body> </html>

  • 固定画像の右下に、ポイント画像を置くには？

    お教えください。 今、FRONT PAGE EXPRESSを使用しつつ、タグページで書き込み調整をしております。 お聞きしたいのは、 「背景画像をスタイルシートで固定した上に、もう一つポイント画像を一つだけ右下に固定したい」 のですが、どのようにしたらよいのでしょうか？ 現在、下記のような状態です。 <html> <head> <style type="text/css"> <!-- body { background-image : url('○○背景画像.gif'); background-repeat:no-repeat ; background-attachment : fixed; background-position : right up ;} a{text-decoration:none;}--> </style> <meta http-equiv="Content-Language" content="ja"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>△△</title> </head> ここにどのような手を加えると、右下に表示され、尚かつスクロール時も動かなくなるのでしょうか？ 宜しく御願いします。

  • 背景に指定したイメージ以外の余白を見せないようにする方法は？

    こんにちは！まさにタイトル通りの質問です。 <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <META NAME=""> <META NAME=""> <META NAME=""> <META NAME=""> <META http-equiv="refresh" content="5;url=test.html"> <SCRIPT LANGUAGE="JavaScript"> <!-- function resizeWindow(){ 　　　　　window.resizeTo(720,580); 　} //--> </SCRIPT> <title>test</title> <style type="text/css"><!-- body { background-repeat:no-repeat;} --></style> </HEAD> <body onLoad="resizeWindow()" background="top4.jpg" width=720 height=580 > </body> </HTML> としていますが、窓を大きくしたりすると右や下に余白が見えてかっこわるいです。どうすれば改善しますか？ お願いします☆

    • ベストアンサー
    • HTML
  • ホームページビルダー

    ホームページビルダー こちらhttp://htmllint.itc.keio.ac.jp/htmllint/のサイトで HTMLの構文をビルダー上で直していたらおかしなことになりました たとえば、<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />を <META>http-equiv="Content-Type" content="text/html; charset=Shift_JIS" </META> とし、プレビューしたら、文字で出てきてしまったんです！！ ビルダーは８です どうすればいいのでしょうか＞

    • ベストアンサー
    • HTML
  • ieでだけ背景画像が表示されません

    internet explorerのすべてのバージョンにおいて、背景画像が反映されません。firefoxやopera、safariでは問題なく反映されます。 HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body background="haikei.jpg"> てすと </body> </html> CSS: body {font-family:"ＭＳ Ｐゴシック";background-image:url(haikei.jpg);background-repeat:repeat;} なにが問題なのかわかる方、教えてください。よろしくお願いします。

  • 背景を右下に固定する方法

    ビルダーでＨＰ作成をしています。 どこかのＨＰで、下記のタグを使用しましたが、 保存すると、３行目の background-image:url("張りたい画像のURL"); の部分が消えてしまい、うまく表示されません。 どうしたらうまく行くでしょうか。 <style type="text/css"> <!-- BODY{background-image:url("張りたい画像のURL"); background-position:100% 100%; background-repeat :no-repeat; background-attachment:fixed;} --></style>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する