• ベストアンサー

助けてください!

困っています、助けてください! NN4.7で背景にjpg画像を敷いて、その上に同じ模様のimageを表示すると、模様がずれてしまいます。 背景とその上のイメージは両方ともjpgにしたいです。 NN4.7だけなんですけど、知ってる方いましたらよろしくお願いいたします!

  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
  • t-d-s
  • ベストアンサー率23% (49/213)
回答No.2

よくわからないですが、とりあえず,NN4.7でHPの表示を確認してるんですか?他のブラウザでは確認しました? TABLEに背景を設定してセルに画像を入れてるということですよね?TABLEでなくセルの背景を指定してみてはどうです? というか、同じ画像重ねたら重くなるだけで意味はないですよ?

その他の回答 (2)

回答No.3

下記のようなソースですよね。 <TABLE BORDER ="0" cellpadding="0" cellspacing="0" background="zzz.jpg" width="000" height="000"> <TR><TD ALIGN="top" VALIGN="left" width="000" height="000"> <img src="zzz.jpg"> </TD></TR> </TABLE> テーブルのサイズを画像のサイズと同じにしたらどうでしょう??

回答No.1

背景画像は、テーブル背景ではなくて、直接bodyに入れているのですよね? ページプロパティの上下マージンが入っているのではないでしょうか? <body background="zzz.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <img src="zzz.jpg"> とすればいかがでしょう?

tsuyudaku
質問者

補足

申し訳ありません!bodyではなく、tableに入れているのです。言い忘れました。 すみません! tableのmarginはとっていません。すみませんが、よろしくお願いいたします。

関連するQ&A

  • Photoshopで横線の入った画像に加工するには

    タイトルバナーなどで、よく画像の上に白い横縞模様の加工がされていますが、やり方が分かりません。 Photoshopでしているのだと思いますが、画像のレイヤーの上に白のレイヤーを重ねているのだとは思いますが、どの効果を使って横縞模様を作っているのか・・ 分かる方がいらっしゃったらよろしくお願いします。 参考画像↓ http://www.1000leaves.jp/img/title_image_soho.jpg

  • スタイルシートが反映されません。

    本の通り、スタイルシートを記述しましたがIE5.5では背景が反映されず NN4.75ではHTMLの内容までも消えて、何も表示されません。 htmlファイルのすぐ上のimagesフォルダにbggreen.jpgを入れてあり、 ディレクトリは間違いないと思うのですが、何がおかしいのかわかりません。 よろしくお願い致します。 <TYPE="text/css"> <!-- body { background-image: url('images/bggreen.jpg'); background-repeat: repeat-y } --></STYLE>

    • ベストアンサー
    • HTML
  • Javascriptで Photoshopのレイヤーみたいな動作をさせたい

    JavaScriptで画像を操作したいのですが、 既に<img src="a.jpg" name="a">という画像の上に b.jpgを表示させたり、一時的に消したり、a.jpgの後ろに移動させたりとPhotoshopでいうレイヤーみたいなことがしたいのですが、IE,NNなど ブラウザ互換のある方法ってありますか?

  • 背景画像のランダム表示

    お世話になります。 PHP勉強中です。 1.背景画像のランダム表示:bodyタグ内でなくdiv内の背景画像を変更したい。bottom right指定等施したいのでスタイルシートで書き出す?? 2.確率を設定したい:1枚の基本画像が60%表示され、それ以外の複数の画像が40%で選択、その中で画像をランダムに設定したい。 3.使用する画像は同一フォルダ内にある、背景画像以外はいれない。今後枚数を増やしていく予定なので、ファイル名を1つずつ指定するのではなく、フォルダ内の画像を読んで、配列に・・・ と、やりたいことはあるのですが、どうやったらいいのやら・・・頭が混乱してます(汗) 私のサイトに訪問される方でjsをOFFにされている方が多少いらっしゃるので、どうせならPHPで!と意気込んでみたのですが・・・ もしよろしかったらご教授下さいませ。 よろしくお願い致します。 参考:現在設置のjsファイル <script> wall = new Array(); wall[0] = "./image/bg01.jpg"; wall[1] = "./image/bg02.jpg"; wall[2] = "./image/bg03.jpg"; wall[3] = "./image/bg04.jpg"; wall[4] = "./image/bg05.jpg"; wall[5] = "./image/bg06.jpg"; wall[6] = "./image/bg07.jpg"; wall[7] = "./image/bg08.jpg"; rnd = Math.round(Math.random() * (wall.length - 1)); document.write('<style type="text/css">div.mainTOP { background:url(' , wall[rnd] , ') no-repeat bottom right #FAFAFA; }</style>'); </script>

    • ベストアンサー
    • PHP
  • 背景画像が表示されません

    こんにちは。 お世話になります。 会社命令で、生まれて初めてホームページを作成しているものです。 入門テキスト通りにやっているのですが、どうしても下記にあげます事が上手く画面に反映されません。 1、背景画像を「image/sky82.jpg」で固定する。背景に壁紙の様に大きく単独で、この画像を使用したいのですが、 一切表示がなされない。 2、表示文字を白くしたいが、そもそも文字が表示されない。 また、文字が表示される個所は、画面中央に、縦長で表示したい。 以上です。 以下が、テキストを貼り付けて入力しましたデータ(?)になります。 私がいじったところは、「image/sky82.jpg」を、もと有ったデータと置き換えただけです。 テキストでは、文字が白く、背景に画像が右下に固定されています。 どうしたら、上手く表示されるのでしょうか? どなたか、お力をかしては頂けないでしょうか? よろしくお願い致します。

    • ベストアンサー
    • CSS
  • 背景をjpgで描画する方法

    swingコンポーネントを用いて背景としてjpgのイメージを用いたいのですが画像を背景として用いる方法がよくわかりません。どなたかおしえてください。

    • ベストアンサー
    • Java
  • CSSで背景画像をランダムに表示させたいのですが

    CSSで背景画像をランダムに表示させたいのですが、簡単な対応方法などありますでしょうか? 背景のランダム表示としてbody部分をjavascriptで背景のランダム処理はたくさんあるのですが、今回はスタイルシートでbodyではなく、サイト内のいち部分のクラス要素の背景をランダムに表示させたいと思っています。 <div class="main"> ここにコンテンツがあって、このmainのクラス要素の背景をランダムに変えたいです。 </div> スタイルシートの方では現在は .main { float:left; background-image:url(/image/top_bg01.jpg); background-repeat:no-repeat; min-width:736px; height:auto; border-right:1px solid #000000; } としており、このtop_bg01.jpgの部分の画像を top_bg01.jpg top_bg02.jpg top_bg03.jpg top_bg04.jpg top_bg05.jpg とランダムに表示させたいのですが、対応方法が分からずに困っています。 http://www.designwalker.com/2006/12/random-css.html はためしてみましたが、PHPがうまく対応できずに断念してしまいました。 どなた様か宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • Javaスクリプトを使った背景画像について

    背景画像をJavaScriptを使用してX軸に一回、Y軸に一回だけ表示するようにして、IEで見てみるといいのですが、NNで見ると、全体に繰り返し背景が表示されています。 どなたか回避作を教えていただけませんか?

  • Content-type: を切り替える方法

    cgi で、 print "Content-type: text/html\n\n"; で、テキストやINPUT タグ等を表示した後、  print "Content-type: image/jpg\n\n"; で、Content-type を切り替えて画像を表示させ たいのですが、画像イメージがどうもテキストと 認識されるらしく、文字化けのテキストがずらずらっと表示されます。  上の順序を逆にすると今度は画像は表示されるものの、テキスト、タグが表示されなくなります。 どう書けば、両方の表示に対応できるようになるでしょうか。

  • マウスを置くと画像が切り替わる設定を2つ以上したい。

    IRAMです。 リンクをメニューで作っています。 リンクはテキストと画像共に張っています。 画像に触れると、画像が切り替わるという動作を するソースを、 <a href="onsei.html" onMouseOver="if(document.images) IMAGE.src='Image/onsei_2sd.jpg'" onMouseOut="if(document.images) IMAGE.src='Image/onsei_s_mb.jpg'"> <IMG SRC="Image/onsei_s_mb.jpg" border="0" width=100 height=60 name="IMAGE"> </a> としました。 実際に表示させて見ると、 確かにマウスを置いたときに画像が切り替わった のですが、 この設定を2つ以上すると、 画像が切り替わらないのです。 マウスを置いたときに背景色が変わる設定は それぞれのリンクごとにできました。 しかし背景が画像であるとき、 2つ以上の画像に設定すると動作しないのです。 つまり設定が一つの画像に対してのときだけ 動作します。 この場合はどのような対策を取れば よろしいのでしょうか。 どなたか回答をお待ちしています。 よろしくお願い致します。

専門家に質問してみよう