- ベストアンサー
背景に設定した画像のサイズを変える
こんばんは。 HTML言語でホームページを作成しており、次のように背景に"sea"という画像を設定しました。↓ <html> <body background="sea"> ・ ・ ・ ・ </html> しかしブラウザで表示してみると画像が小さく、もう少し背景画像を大きくしたいと思ったのですが、そのためにはどのような命令が必要でしょうか? お願いいたします。
- IKEPPE
- お礼率76% (341/445)
- ホームページ作成ソフト
- 回答数4
- ありがとう数25
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
繰返しなしでよければ、bodyのbackgroundではなく、imgとして見かけ上バックグラウンドのように表示することはCSSで可能です。 この場合はサイズの変更も可能ですが、繰返し表示の場合はbackgroundでしかできないようなので、サイズを変えることが難しいみたいです。 #1様の回答のように、元の画像のサイズを変えるのが一番手っ取り早そうです。 画像を編集できるソフトでseaを開いてサイズを変えてしまいましょう。(先にバックアップをとっておいてください。) 例えば、Windws系ならPaintでも可能です。「変形」-「伸縮」で画像のサイズを変えて、そのまま保存して画像ファイルを入れ替えてみてください。
その他の回答 (3)
- musekininn
- ベストアンサー率46% (143/306)
こんにちは (1)IMG要素を使ったら如何でしょうか? <img src=”画像の名前”width=”画像の幅”height=”画像の高さ”> 画像の幅と高さはピクセル数、或いはパーセントで指定します。パーセントは、ウィンドウに対するパーセントとなります。 <DIV style="top : 100px ; left : 433px ; position : absolute; z-index : 24;" id=""><IMG src="****.jpg" width="220" height="220" border="0"> </DIV> 私の作ったページからコピーしてあります。数字はピクセルです。そちらで任意の数字を入れ替えてお試し下さい。
お礼
ありがとうございました!!助かりました^^
- chapchapun
- ベストアンサー率44% (16/36)
タグの直接入力だとわかりませんが・・ ホームページビルダーの「どこでも配置モード」だと出来るようです。 http://support.microsoft.com/kb/882940/ja しかしこれだと多分、1枚の画像の場合ですね。 「並べて配置」の場合はこれじゃないですね。
お礼
ご回答ありがとうございました!!ホームページビルダーはやはり便利ですね。
- ayano8169
- ベストアンサー率60% (39/64)
背景画像(<body>指定)ではサイズは変えられません。 なので画像自体のサイズを変えるしかないですね…。 一応「HTML 背景画像 サイズ変更」で検索もしてみましたが、それらしい結果はありませんでした。
お礼
ご回答ありがとうございました!!助かりました^^
関連するQ&A
- ブログの背景画像のサイズを固定したいです
宜しくお願いします。 ブログの背景画像を変更したく、一枚の写真(フリー素材です)を使用しブログの背景に設定したのですが、スマートフォンの所謂PC表示にすると画像が拡大してしまいぼやけた状態になってしまいます。 デスクトップ、ラップトップPCのブラウザですと普通に表示されます。 スマホ用PCブラウザではなぜか画像が異常に引き伸ばされてしまうのです。 CSSではライブドアブログのかんたん背景画像という機能を使用しており、 /* かんたん背景画像 */ body.show-bg-image { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; のように設定されています。 スマートフォン用のPCブラウザからでもデスクトップPCブラウザで見たときのように画像を固定(一枚絵)し、サイズもスマートフォン向けPCブラウザで見たときに適合するようにしたいのですが方法が分かりません。 自分でも色々調べ、リピートの設定やスクロール、コンテイン等をいじってみましたが素人知識ではまったく改善されず困っております。 お詳しい方是非ご教授、お力添えを頂きたく存じます。 宜しくお願い致します。
- ベストアンサー
- CSS
- ホームページ背景に画像を敷きたいのですが...
ホームページの背景に画像を敷こうと、スタイルシートで以下を打っていましたが、ブラウザ上で背景画像が表示されずに困っています...。 なぜ、表示されないのか、可能性のあるポイントをお教え下さい。 同じフォルダ内に画像は入っています。 body { background: lightyellow; url(bg026.gif) repeat-y; color: black; margin-left: 9em; margin-right: 9em; } よろしくお願いいたします。
- ベストアンサー
- その他(インターネット・Webサービス)
- CSSで設定した背景画像が印刷されない
ホームページの製作でCSSを利用して作成をしてみたのですが bodyに設定した背景画像は表示も印刷もされるのですが h1やh2などに設定した背景画像が表示はされるのですが印刷が出来ません。 media="all"にはしたので表示も印刷もされるはずだと思ったのですが。 どのようにすると印刷されますか?
- 締切済み
- その他(インターネット・Webサービス)
- HP作成で背景画像を設定する方法ですが、うまくいきません。
HP作成で背景画像を設定する方法ですが、うまくいきません。 スタイルシートCSS等でいろいろサイトを見て試しましたが、 画像がどうしてもスクロールしてしまい、思ったように表示できません。 http://ravensky34.web.fc2.com/test.html HTMLタグでいくら設定しても画像が表示されないか、 ↑のように画像が必ずスクロールしてしまいます。 ソースは↓です。 <html> <head> <title>文書のタイトル</title> <style type="text/css"> body { background-color:#f0f0f0; background-image:url(http://ravensky34.web.fc2.com/2008_6_27_059syuku_2.jpg); background-attachment: fixed; color:#000000; }</style> </head> <body> <div> </div> <p> </p> </body> </html> どなたか解決方法を知っている方いましたら、教えて頂けると嬉しいです。
- ベストアンサー
- HTML
- HPの背景画像が表示されません
ホームページNinja9を利用してHPを作成しております。cssを使って背景画像を固定しているのですが、自パソコンから閲覧すると背景画像の固定表示はさていました。しかし最近、他パソコンから閲覧した際その背景画像が全く表示されていないことに気がつきました。当サイトの全てのページにおいて背景が表示されておりませんでした。そのパソコンで閲覧した他サイト様の背景はきちんと表示されていましたので自サイトの問題と認識しております。 しかし、その理由がわからなく困っております。どなたか教えて頂けないでしょうか。 因みに、使用したcssは次の通りです。 <style type="text/css"> <!-- body {background-image : url("◇◆◇.jpg"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat;} --> </style> ◇の部分のファイル位置は確認しましたが正しかったようです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- CSSで背景画像を設定する
<html> <head> <title>--------</title> <style type="text/css"> body{background-image:url(image/-----.jpg)} </style> </head> ~~~ 画像を設定しましたが別のファイルではこの設定で表示できましたがこのファイルでは背景画像が設定できません。
- ベストアンサー
- HTML
- 背景画像を2枚使いうまく繰り返す方法
htmlとcssでホームページを作っています。 背景画像を2枚使用しているんですが、どうしてもうまく表示されません。 1枚目はページ上部に。 2枚目はその下からすべて。 で、それぞれ横にリピート。 2枚目だけ縦にリピートして表示させようとしてます。 最初はbodyとdivで -------------------css-------------------------- body { background-image:url(""); background-repeat:repeat; } div.body { background-image:url(""); } ----------------html-------- <body> <div class="body"> 内容 </div> </body> --------------------------------------------- としています。 ですが、これだとdivのボックスができてしまい、横に無限に繰り返されないことになります。画面を縮小した時に切れてしまいます。 なので、htmlとbodyにそれぞれ背景をつけたんですが、 今度は両方の画像が表示されませんでした。 html { background-image:url(""); background-repeat:repeat-x; } body { background-image:url(""); } htmlのほうを消すと、bodyで指定した画像が縦横無限に繰り返されます。 htmlを消さずにbodyを無限に表示されるにはどうしたらいいですか?
- ベストアンサー
- HTML
- 背景画像をくりかえさないhtml
すっごいど基礎な質問ではずかしい限りです。 いま手元にテキストがなく、分からないためみなさん の知恵をおかりしたいと思います。 背景画像をつくったのですが、普通に BODY background="../icon/○○○.jpg" だと、画像をくりかえして表示してしまうのですが これを繰り返さないにするのにはどうするのか?? そのHTMLを教えた下さい!! テキストがないと何もわからない超初心者なので なるべく詳しくお願いします。。。。
- ベストアンサー
- CSS
- HTML作成中:背景の画像をブラウザいっぱいに表示させる方法
FrontPage2000を使ってHPを作っています。背景画像が、ブラウザの横幅の7割くらいしかないため、ブラウザの右端が背景画像の左端で埋められているのです。 つまり、2枚の同一画像が横並びになっていて、1枚目と、2枚目の途中までが表示されているのです。ブラウザの左端に、たとえば「お気に入り」を表示すれば、ぴったりと1枚の画像になります。 1枚の画像を、モニタやブラウザに合わせて拡大して表示してくれるようにするにはどうすれば良いでしょうか? ちなみに、背景画像の設定は以下のとおりです。 <body bgcolor="#FFFFFF" text="#000000" style="background-image:url('bear.jpg');background-attachment:fixed;" >
- ベストアンサー
- その他(インターネット・Webサービス)
お礼
ありがとうございました!!助かりました☆