• ベストアンサー

背景イメージの表示のさせ方

初歩的な質問ですみませんが、わからないので質問させてください。Windowsのメモ帳を使ってHTMLファイルを作っています。フリーの素材サイトから画像をダウンロードしてきて、背景に使用しているのですが、画像のサイズが小さくて、繰り返し(?)表示されてしまいます。ですので拡大した形でバーンと表示させたいのですが、どんなタグを使ったらできるのでしょうか。<img src=・・・>のタグはサイズを指定できるようですが…。 昨日からタグと格闘してる初心者です。よろしくお願いいたします。m(_ _)m

  • kojo
  • お礼率64% (81/126)
  • HTML
  • 回答数3
  • ありがとう数6

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

  • ベストアンサー
  • kanana
  • ベストアンサー率100% (2/2)
回答No.3

背景イメージは <body background="○○.gif(もしくは.jpg)"> で指定しますが、もと画像が小さいと自動的に繰り返し表示されます。 それの回避はできません。 解決法はもと画像のサイズを大きくすることです。 → http://www.hotwired.co.jp/webmonkey/html/bgimg.html なお、スタイルシートを使えば、 背景画像の位置をピクセル単位で指定したり、 繰り返しを縦のみ、横のみ、にしたりは可能です。 HTML,CSSについては参考URLのサイトが分かりやすいと思います。

参考URL:
http://www.zspc.com/index.html,http://www.hotwired.co.jp/webmonkey/html/?tw=html
kojo
質問者

お礼

ご回答をいただき、ありがとうございます。 回避する為のタグはないのですね。スタイルシート…は、今の私には高度なので諦めます~。お陰さまですっきりしました。 ありがとうございました。またなにかありましたら、よろしくお願いいたします。

その他の回答 (2)

  • hosiken
  • ベストアンサー率39% (9/23)
回答No.2

背景のイメージは残念ながら拡大できません。 そのフリー素材が、内容の改変を許可しているならば、グラフィックソフトなどで、画像を拡大して保存しなおすしか無いです。

kojo
質問者

お礼

ご回答をいただき、ありがとうございます。 できないんですねぇ…。参考書にも載っていないし、Web上を探し回っても見付からないわけです。。 (;´д`) 質問して良かったです。とりあえずこの悩みから解放されました。(また新たな悩みが発生しそうですが…^_^;) ありがとうございました。 またなにかありましたら、よろしくお願いいたします。

  • Koacs
  • ベストアンサー率37% (21/56)
回答No.1

こんにちわ。Koacsです。 背景イメージの大きさは<IMG src="イメージの名前" width="幅" height="高さ"> で決定できます。がんばって良いページ作って下さいねぇ。

kojo
質問者

お礼

ご回答をいただき、ありがとうございます。 そうなんですよね。<IMG src=・・・>のタグだと指定できるようなのですが、<body background=・・・>のタグはできないということがわかりました~。 またなにかありましたら、よろしくお願いいたします。

関連するQ&A

  • 背景の表示のさせ方

    初めまして。 今こんな背景画像があります。  ________________________ |(⌒▽⌒)~~                  |   ☆                     |   ☆                     |   ☆                     |(⌒▽⌒)~~                  |   ☆                     |   ☆                     |   ☆                     |(⌒▽⌒)~~                  |________________________ これを、以下のように表示させるタグをご存知の方が いらっしゃいましたら教えて下さいm(__)m  ________________________ |(⌒▽⌒)~~            ~~(⌒▽⌒) |   ☆                  ☆    |   ☆                  ☆    |   ☆                  ☆    |(⌒▽⌒)~~            ~~(⌒▽⌒) |   ☆                  ☆    |   ☆                  ☆    |   ☆                  ☆    |(⌒▽⌒)~~            ~~(⌒▽⌒) |________________________ もしHTMLタグ以外での表示方法がありましたら 併せてそちらも教えて頂けないでしょうか? 素材屋さんサイトで実際に、片側だけの画像を左右両方に 表示させてるのですが、ソースを見てもよく解らなくて 質問させて頂きました。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 背景画像の表示について

    こんにちは。 初心者ですが、Yahooのジオシティーズでホームページを作っています。 今、頭を悩ませている要因が、背景画像についてです。 自作した画像があるのですが、それをアップデートしたURLでは、画面に収まりきるサイズだったのです。 でも、いざトップページに配置したら、なぜか勝手に拡大表示されている上に、スクロールバーが出ていません。 おかげで上下左右が見切れ、画像も荒くなってしまいました。 さらに、画像の繰り返しをしない設定(background-repeat:no-repeat;)をしたにもかかわらず、反映されていませんでした。 HTMLタグでもスタイルシートでも試してみましたが、同じような結果です。 イメージで配置したところ、サイズは同じように拡大されてしまいましたが、スクロールバーは出ました。 私の理想とする設定は、 【作ったままのサイズで  右端中央にひとつだけ表示し  画面サイズを超えてしまったパソコン(小さいノートパソコンなど)ではスクロールバーが表示される】 といったところでしょうか。 初心者なりに勉強して、HTMLやスタイルシートについては多少なりとも理解できるつもりです。 どうか、ご教授願います。

  • HPの背景設定について

    こんばんは。 HPの背景を画像にしたいのですが、 全くできないんです・・・ 画像を表示するタグが<img src="○○○">です。 (利用しているHPのサイトで決まっています。) <html> <body background="<img src="○○○">" >←※ここです! <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=30 WIDTH=650> <TR><TD ALIGN=center BGCOLOR=white><center> <font size="6"><font color="mazenda">~~~</font></body></html> ※のところの背景が表示されるには、どうしたらいいでしょうか? 大変困ってます(:_;)よろしくお願いします。

  • 画像か背景か?どちらが表示が速い?

    こんにちわ。 ホームページを作成する際に使用する画像サイズですが、皆さんは何バイトまでの圧縮を心がけてますか? また、画像(imgタグ)として使用すると、背景(background)に使う時よりも表示が速く感じるのは気のせいでしょうか? こんな初心者なみの質問ですが、もしよければみなさんの意見がききたいです。宜しくお願いします。

    • ベストアンサー
    • HTML
  • GDで画像表示

    GDのimagejpeg()などでJPGバイナリをブラウザに送信することができますが、<img scr= のような所に画像を表示できませんか? やりたいことは、xx.jpgを640,480にリサイズしてyy.phpが出力するHTMLタグの<img srcの部分に640,480のサイズで画像を表示することです。 xx.jpgはユーザが適当なサイズでアップロードする画像です。 640,480にリサイズした画像を保存してから<img srcで表示するなら、それは可能だということが分かりますが、メモリ上で解決したいと思っています。

    • ベストアンサー
    • PHP
  • 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」って出来ますか?

    こんにちは。 【C-Map0.79】や普通のHTMLタグでクリッカブルマップを作成し、その画像を背景(前面写真:1024×768)に持ってくることって出来ますか? 普通のHTMLタグにある、【<img src="画像のURL" usemap="#上でつけたのと同じ名前" alt="説明">】のところに、画像(前面写真:1024×768)を持ってくるとスクロールしなければならない上、背景に設定したようにならず隙間が出来ます。 「クリッカブルマップを施した画像(前面写真:1024×768)を背景に」というのは不可能でしょうか?

    • ベストアンサー
    • HTML
  • 画像の表示。

    ブログで画像を表示したいんですけど・・ 自分でHTMLタグを使って表示しないといけないんです。 普通、画像を表示させるには、<IMG SRC=""> のタグを使いますよね? これの使い方がわからないんです; 「"」「"」の間にファイル名を記入とは・・どこのサイトにも書いてあるんですけど・・ ファイル名を入れても「×」がでてきてしまいます。 どうしたらいいでしょうか?

  • 画像に背景色と境界線を付けたい。

    いつもお世話になります。 画像の周りに背景色その外側に線を引きたく思っています。 (1) <div style="border:solid 5px gray;padding:20px;background-color:lightcyan;" > <img src="**.jpg" alt="**"> </div> と、すれば可能ですが (2) <img src="**.jpg" alt="**" style="border:solid 5px gray;padding:20px;background-color:lightcyan;" > とすると境界線は表示されても背景色が表示されません。 (1)のように<div>タグを用いなくて、(2)のように<img>タグのみで(1)のようなことはできないものでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLのIMGタグについて

    HTMLのimgタグで(1)と(2)のようにした場合、表示が異なります。 (1)のほうが画像間のスペースが広くなります。また(2)の場合でも ほんの少しスペースが開くようです。 (1) <img src="image1"> <img src="image2"> (2) <img src="image1"><img src="image2"> HTMLは文章の構造タグなので(1)でも(2)の場合でも、改行は関係ないので 同じ表示になるべきなのではないでしょうか? なぜ異なった表示になるのでしょうか。 また画像間のスペースを0にしたいのですが、何か方法を教えてください。

    • ベストアンサー
    • HTML
  • 画像の背景を透明にしたい

    HTMLで<img src=>を使ってロゴ画像を貼り付けました その後背景の画像をSSCで書いたのですが ロゴの本来透明な部分が透明になりません よくわからなかったので、フォーマットはPNGとGIFで試しましたがだめでした JPGは背景を透明にはできなかったですよね? そもそも背景を透明のまま保つことは不可能なのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう