- ベストアンサー
背景画像の大きさの調節
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
ホームページの背景(background)の画像を縮小化して 表示させることは不可能だと思います。 もし可能だったとしても、閲覧者にとっては、 無駄にファイルサイズの大きな画像をダウンロードしなければならず、 非効率的だと思われます。 よって、お気に召された大きな画像を 背景用に縮小化するのが最も現実的です。 画像を縮小化するソフトウェアは、 フリーウェアとして多く出回っています。 以下に2つほど、画像縮小専用のフリーウェアを紹介しておきますので、 一度おためしください。 「縮小専用。」 http://www.a-groove.com/software/index.html 「藤 -Resizer-」 http://hp.vector.co.jp/authors/VA015850/
関連するQ&A
- gaiax系ページでの背景の固定
こんにちわ。 先日、背景を固定して文字だけスクロールしたいという件で質問しましたところ、スタイルシートをつかったり、bodyタグでの方法を教えて頂きました。ところが、私のページはgaiaxであり、デザインの変更の背景URLのところに教えて頂いたスタイルシートなどのタグを張り付けてみたところ、背景はうまく固定できたのですが、今度は画面の左上に文字の色などを示すタグが勝手に表示され、こちらで設定した文字の色なども無効になってしまいました。スタイルシートではこちらを張り、 <STYLE TYPE="text/css"><!-- BODY{ background-image:url("画像の名前"); background-repeat : no-repeat ; background-attachment : fixed; background-position: bottom right;} --> </STYLE> bodyタグではこちらを試してみました。 <BODY background="○○○" bgcolor="○○○" bgproperties="fixed"> ・・・・・ </BODY> いずれにしても変なタグが画面上部に勝手に表示されてしまうんです。 それに文字なども私は白で設定したのですが、勝手に黒になってしまいます。 どうしたらよいのでしょうか? メインのお知らせ欄に張るということも考えてみたのですが、 そうすると、日記画面での背景は別になってしまいますよね? 御回答よろしくお願い致します。
- ベストアンサー
- HTML
- 背景画像にリンク
背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に2分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を2分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 (IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください^^;)
- 締切済み
- 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>
- ベストアンサー
- ホームページ作成ソフト
- 背景画像がNetscapeでは表示されない
<HEAD>タグ内に下記の方法で背景画像を中央に表示させています。 IE5.5では正常に表示されますが、ネスケ4.7で確認すると背景画像のみ表示されません。 <BODY>タグ内の文字は正常に表示されます。 どうしたら良いでしょうか? <STYLE type="text/css"> <!-- table#base { background-image: url("img/bg.jpg"); background-repeat:no-repeat; background-position: center center; } --> </STYLE> 宜しくお願いします。
- ベストアンサー
- HTML
- スタイルシートで背景画像を指定
今までbodyタグで背景を指定していたのですが、スクロールバーや余白の設定で スタイルシートを使うことになったので、背景画像もスタイルシートで指定することにしましたが、何度やっても表示されません。 このように書いてみました。 <style type="text/css"> <!-- BODY { background-image:url(img/28.gif); } BODY { 余白の設定} BODY {スクロールバーの設定 } --> </STYLE> htmlと同じフォルダの中にある、imgフォルダの28.gifという画像です。 画像のパスは間違っていません。アップロードもしてあります。 スタイルシートの解説をしているサイトさんを見ても、 何が間違っているのかわかりませんでした。 なぜ背景が表示されないかわかる方いらっしゃいますか? 余白やスクロールバーはきちんと表示されているのですが・・・
- ベストアンサー
- CSS
- HTMLの背景画像の表示位置を変更する方法
HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか? 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。
- ベストアンサー
- HTML
- 背景画像がテーブルに透けてしまう
<body background="画像のURL"> <STYLE TYPE="text/css"> <!-- BODY { background-color: white} --> </STYLE> <Table Border="1" Width="サイズ"> <Tr> <Td ColSpan="サイズ" Align="位置">~ という感じでページを作っているのですが、 背景の画像が透けてテーブルの中の文字が見え難く 困っています。 テーブルの中は「white」で白に指定している つもりなのですが、白になりません。。 このタグでテーブルの中を背景が反映されず真っ 白にする方法ってあるのでしょうか? 調べてみたのですがどうも分からないので教えて下さい。
- ベストアンサー
- レンタルサーバ・ASP
- 背景画像をウインドいっぱいに拡大したいんですが
FrontPage Expressで自分のホームページを作成中のものです。 背景画像が思ったとおりに行かなくて困っています。理想としては ・背景は固定したままで文章だけが動く ・背景が繰り返し表示されるのではなく一枚だけウイ ンドいっぱいに表示される の二つを満たしたものにしたいんです。それらはそれぞれスタイルシートとJAVAで可能ということは調べたらわかったんですが、どうしても一方ずつしかできません。どうすれば両方できるのでしょうか?
- ベストアンサー
- その他(インターネット・Webサービス)
- グラデーション背景にしたい
こんにちは。 ホームページ作成初心者の者なのですが、 ページの背景をグラデーション背景にするために スタイルシートで以下のようにしてみました。 しかしグラデーション背景になりません。 どこがおかしいのでしょうか? ---------- ・ ・ ・ <title></title> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') ; } --> </STYLE> </head> <body>
- ベストアンサー
- HTML
- ホームページ背景に画像を敷きたいのですが...
ホームページの背景に画像を敷こうと、スタイルシートで以下を打っていましたが、ブラウザ上で背景画像が表示されずに困っています...。 なぜ、表示されないのか、可能性のあるポイントをお教え下さい。 同じフォルダ内に画像は入っています。 body { background: lightyellow; url(bg026.gif) repeat-y; color: black; margin-left: 9em; margin-right: 9em; } よろしくお願いいたします。
- ベストアンサー
- その他(インターネット・Webサービス)
お礼
ありがとうございました。 画像縮小ソフトを落としてみます!