- ベストアンサー
ホームページ作成で画像の固定が上手く出来ません
画像の固定方法がよくわかりません。 ホームページで１０２４×７６８サイズの画像を 背景にしようと思います、 しかし、画像のサイズに、テキスト文章が収まりません、 横はよいのですが、縦はがだめです、 ホームページビルダー 6.5で作成しておりますが、 ディスプレイサイズは、１０２４×７６８サイズで作成しております 画像の設定メニューで、画像を固定してしまうと、 作成したテキスト文章の背景画像に入りきならない部分が、 背景が真っ白になったり、 拡大固定？されたような感じになり、 テキストはスクロールするのですが 背景に指定した画像が部分的に大きくなってしまい、 全部の背景が表示できなかったりします。 画像を垂直で繰り返すにしてしまいますと、 画像の切れ目があからさまにでてしまい不自然になってしまいます。 画像サイズ＆ディスプレイサイズが、１０２４×７６８設定で、 テキストだけがスクロールするように、表示したいです。 よろしくお願い致します。
- yasuragit
- お礼率76% (314/410)
- ホームページ作成ソフト
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
ホームページではなく、HTMLでのページレイアウトですね。 ホームページとはブラウザを起動したときに最初に表示されるページで、野球のホームページと同じ意味。 スタイルシートでの設定を書いておきます。 <head> ・・・・・・・・・・・ <style type="text/css"> <!-- body{ color: rgb(125,125,125); /*前景色(文字など)の指定 */ background-color: rgb(0,0,0); /* 背景色 */ background-image: url(".image/background/abc.jpg"); /* 画像 */ background-position: 0% 0%; /* 位置(0% 0%はデフォルトなので指定不要) */ bachkground-repeart: no-repeat; /* 反復方法(縦に繰り返すときはrepeat-y */ background-attachment: fixed; /* 背景画像の固定かスクロールか */ } --> </style> ・・・・・・・・・・ </head> 一括指定も可能です。 body{ color: rgb(125,125,125); /*前景色の指定 */ background: rgb(0,0,0) url(".image/background/abc.jpg") 0% 0% no-repeat fixed;} } ★なお、特にホームページビルダーを使われる人に多いのですが、HTMLはワープロやDTPで印刷物を作るのとは、根本的に理念が異なります。「どこでも配置モード」や「ブラウザ互換のレイアウトに変換する」などの機能によって、最悪のHTMLを作成してしまいます。 ホームページ・ビルダー - Wikipedia http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%BB%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC ★★HTMLは、解像度の低い端末、大きなディスプレイ、小さなディスプレイなどでも、利用できるように開発されたものです。「背景画像に入りきならない部分が、背景が真っ白になったり、・・・」の部分を読むと、HTMLが何かを理解されていないようです。目の悪い人が文字を大きくして閲覧することもあります。スタイルシートを止めて閲覧する場合もあります。 Style Sheets in HTML documents (ja) http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ★どんなオーサリングツールを使われても、やはりきちんと基礎知識は身に着けておきましょう。そのほうが絶対進歩は早い。「急がば回れ」 はじめてのWebドキュメントづくり http://www.asahi-net.or.jp/%7Esd5a-ucd/www/
その他の回答 (3)
ディスプレイの解像度が1024×768で、 背景画像の縦の長さと同じですので、 きちんと下までは見えません。 ブラウザのツールバーやアドレスバーの厚み分 画面の下に追い出されてしまうわけです。 画像の縦ピクセルをもっと小さくするか、 そんなものだと理解したうえでそのままにするかです。
お礼
<style type="text/css"> <!-- body{ color: rgb(125,125,125); /*前景色(文字など)の指定 */ background-color: rgb(0,0,0); /* 背景色 */ background-image: url(".image/background/abc.jpg"); /* 画像 */ background-position: 0% 0%; /* 位置(0% 0%はデフォルトなので指定不要) */ bachkground-repeart: no-repeat; /* 反復方法(縦に繰り返すときはrepeat-y */ background-attachment: fixed; /* 背景画像の固定かスクロールか */ } --> </style>
補足
ありがとうございます、参考になりました
「スタイルの設定」のところで、背景画像を選択したら、 水平方向50％、垂直方向0％ （％は「予約語」で選択）と指定 属性 繰り返さない にもチェックしてみてください。
お礼
ありがとうございます、参考になりました
補足
ありがとうございます、 実行してみましたが、変わりませんでした。
背景画像を固定したいということでしょうか。 スタイルシートを使います。くわしくは↓ http://hpb.cool.ne.jp/hpbuilder/ss_haikei.htm 最近はディスプレイの大きさも千差万別で、製作者の意図したように表示されないこともしばしばです。
お礼
ありがとうございます、参考になりました
補足
ありがとうございます。実行したのですが、 この方法ですと、どういうわけか、背景の固定はされますが 全部が表示されるのではなく、 画像の下の部分が表示しきれてません。
関連するQ&A
- ホームページの背景画像固定が上手くいきません
皆様よろしくお願い致します。 ２つほど質問です。 ウィンドウズＸＰのインターネットエクスプローラー（最新版） パソコンでホームページビルダーソフトでホームページを、 作成しています、 ★１つめは、 背景画像が上手く設定できずに 困ってます。ホームページビルダーに予め設定されている サイトサイズ幅７５０、高さ９００。 １０２４×７６８ディスプレイ用を使い、 素材サイトから、１０２４×７６８ピクセルサイズの壁紙を使用し、 作成しようとすると、壁紙が拡大されたような感じになってしまいます 横の右側が多少切れてしまいます。縦は、７５５位で途切れてしまい また同じ画像が繰り返されます。 ソフトの設定はいじってません。壁紙の画像は、そのままのサイズで 表示されないのでしょうか？ サイトサイズをマニュアル設定で 幅１０２４、高さ７６８で設定するとピタリとあいます。 自分が作りたいサイズは、１０２４×７６８ディスプレイ用なのです ★２つ目です サイトサイズ幅７５０、高さ９００。 １０２４×７６８ディスプレイ用を使い、 画像を固定したいのですが、上手くいきません。 画像が大きく拡大されてしまったり、 画像よりも縦幅のある、文章を載せようとすると、 画像のサイズを超えてしまうと、真っ白になったり、 同じ画像の繰り返しになってしまいます。 ホームページ作成の知識が乏しくお手間をお掛け致しますが お知恵をお借りできれば幸いです。 よろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページ作成時の背景設定の悩み
ホームページを作成しているのですが、スクロールさせていくと、背景が何度もでて... ホームページを作成しているのですが、スクロールさせていくと、背景が何度もでてきてしまうため、困っています。 グラデーションの背景のため、下にスライドさせていくと切れ目がでてしまいます。 ですので、できたら背景が固定されると非常にうれしいのですが、どうやったらいいでしょう？ styleは body{ padding:0 0 0 0; margin:0 0 0 0; background : url(./images/bg.jpg) left top; font-family:sans-serif monospace; font-size:14px; color:#333333; text-align:center; となっており、imagesのフォルダにbgがある状態です。 アドバイスお願いします。 }
- ベストアンサー
- その他([技術者向] コンピューター)
- ホームページNinjaでの 背景・レイアウト枠について
ホームページNinjaにて ホームページを作成しております。 いろんなホームページで見かけるのですが、 スクロールすると、 背景画像が固定されていて、 前面の画像や文章だけがスクロールする ページがあります。 あれは、 どうやって設定すればいいのでしょうか? どなたか、 教えてください！！！
- ベストアンサー
- ホームページ作成ソフト
- 画像の固定について
ホームページをＴＡＧにより作成しています。 閲覧するときにスクロールをしますが、その画面上たとえば最上部にバナーのようなものをおいて、スクロールしても常に画面上で見れることはできますか。 検索ですと「背景画像の固定」は、たくさんありますが、 単なる画像の固定というのがなかなかみつかりません。 このうち上に固定というのでためしてみたら、スクロールした場合、そのバナーがうしろに行ってしまい見えなくなってしまいました。 使用方法は、画面いっぱいに画像を表示させ、小さなバナーで「画像をクリックしてください」というのをおきたいのです。 一定のところにおくと、画像をスクロールさせて場合見えなくなってしまうのでこれを常に見えるようにしたいのです。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページ作成で背景画像を拡大したい
こんにちは。たびたびお世話になります。質問させていただきます。 ホームページの背景にする画像のサイズを大きくして1枚でPCのディスプレイに収まるようにしたいのです。 分かりにくくてすみません。 パソコンのディスプレイのプロパティの中の壁紙の設定で画像の位置で、「拡大して表示」みたいな感じにしたいのです。ホームページの背景で並べて表示はわかるのですが、どなたがご存知の方がいらっしゃいましたらお力を貸してください。
- ベストアンサー
- HTML
- ホームページの背景固定
ページの背景に画像を置いて固定し、文字だけがスクロールするようにしたいのですが、どのようにしたら良いのでしょうか。 ホームページビルダー７を使っています。
- ベストアンサー
- ホームページ作成ソフト
- 背景画像の固定のようにテキストも固定させる方法を教えて下さい。
背景画像を固定して スクロールバーを動かしても背景が動かないようにする小技は実践できたのですが、 その画像の下にリンク先を表示する枠を設け、画像と同じように背景として固定させたいのですのですが、 その設定の仕方が分かりません。 宜しくご教授下さい。
- ベストアンサー
- ホームページ作成ソフト
- 画像を固定+位置の指定
ホームページを作っています。初心者です。 プロフィールのページで背景を固定して自分の写真をその上に固定して画面の真ん中入れて、プロフィールを書きたいのですが(スクロールすると背景と自分の写真の上をプロフィールの文字が流れる感じ)、背景を固定できても自分の写真を固定することと真ん中に表示できません。 分かりづらい文章ですみませんが、ご回答よろしくお願いします。
- ベストアンサー
- HTML
- 背景の固定
以前、こちらで、「ホームページビルダー７」でホームページの背景を固定する方法を教えていただき、大変助かりました。 しばらくは難なくやれていたのですが、 背景を固定してページを保存をして、もう一度ひらくと、背景画像が無くなっている事があるのですが、でうしてでしょうか。 もう一度スタイルシートマネージャから「カラーと背景」を開いてみると、「水平方向」「垂直方向」の設定が変わってしまっているんです（両方とも「中央」に）。 また同じように背景の位置を設定し直して、ページを保存して開いてみると、また背景画像が無くなってしまいます。 どなたかお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページの背景について
こんにちは。 ホームページ作成初心者の者です。ホームページビルダー７を用いて作成しています。 今、トップページの背景画像を考えています。 私は大きな写真を少し黒でぼかしを入れて、これを背景にしたいのですが、自分なりにやってみたところ、スクロールが縦、横に出てきてしまい、不恰好な形になってしまいました。 自分では、どのPC、ブラウザから見ても、スクロールの無いトップページが表示されて欲しい【画面いっぱいに一枚の写真が表示されてほしい】のですが、それは可能でしょうか？せめて横のスクロールは表示されないよう、写真の加工や、ホームページの設定を行いたいです。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
お礼
ありがとうございます、参考になりました