• ベストアンサー

背景画像を右へ固定したい。

こんにちは。 もしわかる方がいましたらぜひ教えて下さい。 背景画像が少し右側だけ開いているようになっており、 右側に寄せて固定させたいです。 どうやったらそうなるのかうまく右によってくれません(TT) margin-right:0にして、やってみたんですが、右へは移動せず（TT) もしわかる方いましたら教えて下さい。

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
回答No.1

画像を読み込むことの出来る例えばペイントなどのソフトで その画像を読み込んで右側の部分をカットした画像をトリミングして 新たな画像を作成し、その画像を背景画像として使用すると言うのが 簡単だと思いますが、如何でしょうか？

yanbou
質問者

お礼

ありがとうございます。 確かに画像自体を変更するのが一番のようです(TT) そうする事に決めました。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 背景画像を固定

    CSSで背景画像を右側に固定しているのですが、 IE5.5で見るとスクロールがある場合と無い場合で 画像の位置がずれてしまいます。 これは仕様なのでしょうか？ 直す方法はありませんか？

    • ベストアンサー
    • HTML
  • 固定背景画像と画面幅について

    初心者のため、分かりづらい質問になると思いますがお許しください。 background-repeat:no-repeat; background-position:right; background-attachment:fixed; 上記のようなCSSで背景画像を固定しています。 画面幅は918pxで設定していますが、これをプレビューで918px以上に伸ばすと、背景画像がどんどん右にズレていってしまいます。 画面環境はそれぞれだと思うので、大きな画面で見た方が背景画像が切れてしまうのを避けたいです。 画面幅918pxで固定をしたいのですが、どのようにすればいいのでしょうか？ 何か補足事項があればすぐに追記します。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • 背景画像にリンク

    背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 （IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）

  • 背景固定画像のフィルターについて

    背景の画像を固定させて、その上からフィルターで右部分、又は右下からのグラデーションのフィルターを使いたいのですが、スタイルシートでフィルターをかけると文字までフィルターがかかってしまいます。 どうにか背景の画像のみを固定させたままフィルターをかけるという事はできないのでしょうか？ 同じような効果でも結構ですので、どうにか教えてください！お願いします！！

    • ベストアンサー
    • HTML
  • 背景画像を１つだけ中央右側に固定

    他の方が何度も質問なさっているのを見ても解決しないので質問させていただきます。 タイトルそのまま、背景画像を繰り返すことなく、１つだけ中央右側に固定したいのですが、上手くいきません。 素材屋さんや、小技を教えてくださるサイトさんを拝見して、表示されているのをコピーして画像URLだけを変えて貼り付けてみてもうまくいきません。（もちろん「教えて！goo」の過去の質問で回答された方の書かれたものも試しました。） 画像を固定するだけなら、 <BODY background="***.gif" bgproperties="fixed"> で固定されます。１つだけ中央右側に、というのができません。 HP作成に使っているのはフロントページエクスプレスです。（Windous XP　ブラウザはIE6.0） 背景画像はgifで表示できないなんてことはないですし、ちゃんとアップロードした画像を使っています。 失敗の原因がわからないので、どうぞよろしくお願いします。

  • ホームページ背景に画像を敷きたいのですが．．．

    ホームページの背景に画像を敷こうと、スタイルシートで以下を打っていましたが、ブラウザ上で背景画像が表示されずに困っています．．．。 なぜ、表示されないのか、可能性のあるポイントをお教え下さい。 同じフォルダ内に画像は入っています。 body { background: lightyellow; url(bg026.gif) repeat-y; color: black; margin-left: 9em; margin-right: 9em; } よろしくお願いいたします。

  • dreamweaverで画像の右に文字を回り込ませると背景色も上にあがってしまいます。

    すみません。ちょっと分かりにくいのでタグを貼り付けます。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- #contents { background-color: #FFC; width: 750px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .photo { display: block; float: left; } --> </style> </head> <body> <div id="contents"><img src="file:///C|/Documents and Settings/administrator.JITSUGYO/デスクトップ/佳山/dreamweavercs3 cd-rom/lesson01/images/item_02.jpg" width="250" height="200" class="photo" /> 作家さんがひとつひとつ丁寧に心をこめて作り上げた器は見ているだけでも心がなごみます。器をひとつ変えるだけで食卓の雰囲気ががらりと変わり、ちょっと贅沢な気分があじわえます。 </div> </body> </html> 「これからはじめるdreamweaverの本」を購入し、その通りにやったときは問題なかったんです。 自分で画像を用意して、テキストを打ち、divを挿入。そしてdivにcssルールを設定（このときに背景色を設定）したまではよかったのですが、その次に「.photo」に対して回り込みの設定をしたら、おかしくなります。たしかに画像の右側にテキストが表示されるのですが、どうやらdivの範囲（？）もテキストと一緒に上にいってしまい、せっかく指定した背景色までテキストにくっついていってしまっている感じです。 画像の右側にも背景色が表示されないのはどうしてなんでしょうか？どなたかお分かりの方いらっしゃいましたらよろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページの背景画像が途切れてしまう。

    こんにちは。 現在、ホームページを作っているのですが、背景画像で困ってしまって質問しました。 ホームページはhtmlとCSSを使って、ホームページビルダーで作っています。 bodyに背景画像１を設定しています。 ホームページの内容は <div></div>の中にinnerというclassを作って スタイルシートで40ｐｘ×40ｐｘの背景画像２を「repeat」指定しています。 この背景画像２が、IEでは表示されているのですが、firefoxやchromeだと下のほうで 途切れてしまいます。 それも、ちゃんと表示できてるページと、途切れてしまうページの２種類があります。 原因を自分でも探してみたのですが、見つかりませんでした。 もし、知っている、気付いた方がいらっしゃったら教えていただけませんか？？ よろしくお願いします。 ちなみに、下記はスタイルシートに記載しているものです。 --------------------------------------------------------------------- body{ text-align:center; margin-right : auto;margin-left : auto; background-image : url(mokuteki/taiiku/bg_brown.png); background-repeat: repeat; font-size : 90%; padding-top : 0px; padding-bottom : 0px; margin-top : 0px; margin-bottom : 0px; } #wrap{ text-align : center; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : auto; width : 100%; padding-top : 0px; } .inner{ text-align : left; margin-top : 0px; margin-left : auto; margin-right : auto; width : 900px; background-image : url(images/bg_white.png); background-repeat : repeat; } -----------------------------------------------------------------

  • CSSで背景画像の固定

    よろしくお願いいたします。 現在、WEBページを制作しておりまして CSSで背景画像を固定する方法で悩んでいます。 通常、背景画像を固定する際、 #contents { display:block; width:500px; height:500px; margin:0; background-image:url(img/hoge.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:bottom; } この様な感じで可能だと思うのですが、 今回やりたい事が出来ずに悩んでいます。 やりたい事が私の文章力では説明で伝わるか わかりませんので画像にしてみました。 図Aの様に「#contents」のブロック内の下段に固定に したいと思っているのですが、 実際上記の様なCSSの記述ですと図Bの様に ウィンドウの高さに対しての下段固定になってしまい ウィンドウを伸ばすと、「#foot」ブロックの後ろに 回ってしまい全体を表示してくれません。 どなたか、解決方法がおわかりになる方 ご教授願えますでしょうか。 また、過去同じ質問がありましたら、 お手数おかけいたしますがご誘導願えますでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 固定背景画像にリンクをはりたいです。

    固定背景画像にリンクをはりたいです。 今、HPの隠しページを作っています。 右下固定の背景画像にリンクをはりたくて 透明の別画像を用意したんですが、 その画像を固定させる方法(HTMLタグ)が分かりません。 ピクセルなどではなく、右下に固定させたいです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する