• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:画像が表示されず、困っています)

画像が表示されず、困っています

このQ&Aのポイント
  • 画像が表示されない問題について、質問者は背景画像と文字の表示に問題があるようです。
  • 入門テキスト通りに設定しているが、画像と文字が表示されない。
  • テキストでは、文字が白く、背景に画像が右下に固定されているが、上手く表示されない。

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

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

background-image: url(image/sky82.jpg);を background-image: url("image/sky82.jpg");に 下記の2行を削除 background-repeat: no-repeat; background-position: right bottom; <body bgcolor="5998E7" text="#ffffff">を <body text="#ffffff">に 先ずは変更してみてください 手元の適当な画像と、訂正後のHTMLを組み合わせてみたのが 添付画像です(背景の水玉がsky82.jpg)

jiqimao80
質問者

お礼

ご回答ありがとうございます。 無事、できました! 本当に、有難うございます!!

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • kmee
  • ベストアンサー率55% (1857/3366)
回答No.1

いろいろ問題はあるものの、文字は表示されます。 HTMLの内容ではなく、もっと根本的なところ(URLの指定とかサーバーへの転送方法とか)に問題があるのでは? まずは 「そのテキストを捨てましょう」 あまりにも内容が酷過ぎます。

jiqimao80
質問者

お礼

ご回答ありがとうございます。 仰る通りだと思います。 上司から渡された、一冊の入門テキストだけを頼りに作成していますが、私の目から見ても、問題が有りすぎるように思えます。 こんな風で、上司の命令通り、一か月でホームページを作成し、htmlを完全に理解できるようになれるのか、正直不安です。 ですが、理解しないと給与無しだそうで、逃げようが有りません。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 背景画像のX方向繰り返し表示を止めたい

    掲題の通り、X方向のみ背景画像が繰り返し表示されてしまいます。 テキストスペースも中央部のみの640ピクセルに収まるようにしていますが、背景画像の記述方法が解りません。 制御部分のソースは下記の通りです。 宜しくお願いします。 <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- body { background-image: url(img/bg.jpg) background-repeat:no-repeart; } --> </STYLE> </HEAD> <BODY text=#333333 background="img/bg.jpg"> <TABLE cellspacing="0" width="630" align="center" border="0"> <TBODY> <TR> <TD align=middle> <TABLE width="100%" border="0"> <TBODY> <TR> <TD align=center bgColor=#228b22><STRONG><FONT color=#ffffff>『ご挨拶』</FONT></STRONG></TD></TR>

    • ベストアンサー
    • HTML
  • フレームの入れ方

    こんにちは、お世話になります。 ホームページ初心者です。 現在、会社命令で生まれて初めてホームページと言うものを作成しています。 上司に渡されたテキストを参考にして、やっているのですが、 以下にあげます事項が、どうしても反映されず、また、どの場所に必要なタグを入力すべきかが分かりません。 1、左脇に、縦長に、背景は白く、フレームを入れたい。 2、インラインフレームの背景を白くし、常にスクロールできるようにしたい。 以上です。 また、私が現在入力しているデータ(?)は、下記の様になります。 <html> <head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>台湾</title> <style type="text/css"></style> </head> <body background="image/085.jpg"> <br>   <p align="center"><big><big><big><big><big><b>abcd</b></big></big></big></big></big></p> <p align="center"><img src="image/080527_pandafullife_main.jpg" alt="" height="312" hspace="100" width="672">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br> </p> <div align="center">&nbsp; <b> <br> &nbsp;+更新情報+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <br> </b></div> <p style="height: 17px;" align="center">  <iframe style="top: 600px; left: 650px; width: 457px; height: 121px;" src="image/flame.html" name="" id="center" marginheight="0" frameborder="1" scrolling="yes"></iframe><a><br> <br> </a></p> </body> </html> どなたか、お力を貸しては頂けないでしょうか。 ほとほと、困り果てております。 宜しくお願い致します。

  • フレームの入れ方が、さっぱりわかりません。

    こんにちは、お世話になります。 ホームページ初心者です。 現在、会社命令で生まれて初めてホームページと言うものを作成しています。 上司に渡されたテキストを参考にして、やっているのですが、 以下にあげます事項が、どうしても反映されず、また、どの場所に必要なタグを入力すべきかが分かりません。 1、左脇に、縦長に、背景は白く、フレームを入れたい。 2、インラインフレームの背景を白くし、常にスクロールできるようにしたい。 以上です。 また、私が現在入力しているデータ(?)は、下記の様になります。 <html> <head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>台湾</title> <style type="text/css"></style> </head> <body background="image/085.jpg"> <br>   <p align="center"><big><big><big><big><big><b>abcd</b></big></big></big></big></big></p> <p align="center"><img src="image/080527_pandafullife_main.jpg" alt="" height="312" hspace="100" width="672">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br> </p> <div align="center">&nbsp; <b> <br> &nbsp;+更新情報+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <br> </b></div> <p style="height: 17px;" align="center">  <iframe style="top: 600px; left: 650px; width: 457px; height: 121px;" src="image/flame.html" name="" id="center" marginheight="0" frameborder="1" scrolling="yes"></iframe><a><br> <br> </a></p> </body> </html> どなたか、お力を貸しては頂けないでしょうか。 宜しくお願い致します。

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

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

    • ベストアンサー
    • CSS
  • 背景画像の表示

    先ほど背景画像の表示はできましたと返答いたしましたが、背景を別のものに変更したら背景の表示がなくなってしまいました。 <body background="http://www---------------/---/"--- .jpg"text="#808000">で表示がでません。 ※CSSで背景設定しているページもあります。

    • ベストアンサー
    • HTML
  • 背景画像が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
  • 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>&nbsp;</div> <p>&nbsp;</p> </body> </html> どなたか解決方法を知っている方いましたら、教えて頂けると嬉しいです。

    • ベストアンサー
    • HTML
  • IEで背景画像が表示されない

    【HTML部分】 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>あああああ</title> <link href="text.css" rel="stylesheet" type="text/css"> </head> <body> あいうえお </body> </html> 【CSS部分】 body { background-image: url("./img/back.jpg"); background-repeat: repeat; } Firefox系やchrome系では背景が表示されるのですが、IEでのみ白色となってしまいます。 検索してひと通りの解決方法を試してみましたがどれもうまくいかず…。 解決のヒントをいただけたらと思います。 よろしくお願いしますm(_ _)m

    • ベストアンサー
    • HTML
  • 画像にオンマウスで背景画像を固定

    画像にオンマウスで背景を水平方向+上に固定するにはどうしたら良いのでしょうか? 今現在使用しているタグだと垂直水平方向に繰り返しになってしまいます。 使用しているソースは以下のとおりです。 ---------------------------------- </HEAD> <BODY> <TABLE cellspacing="0"> <TBODY> <TR> <TD onmouseover="body.style.background='url(/image/001.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/001.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/002.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/002.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/003.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/003.jpg" width="200" height="200" border="1"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> ---------------------------------- 「fixed repeat';」を「fixed repeat-x';」に変えてみても変化なしでした。 また、styleに <!-- BODY { background-attachment: fixed; background-repeat: repeat-x; background:position:top} --> を書いてみたりもしたのですが変化なしでした。 ご存知の方、詳しい方アドバイスお願いします。

    • ベストアンサー
    • HTML
  • css 背景画像(1つ)とリンク付き画像(複数)を中心に表示したい。(

    css 背景画像(1つ)とリンク付き画像(複数)を中心に表示したい。(超初心者です。) 現在、Kompozerをつかってホームページを作成しています。 添付画像のような配置にしたいので、いろいろなサイトを参照したのですがどうしてもうまくいきません。 現在のソースは以下のようになっており、ブラウザで表示すると背景画像が表示されません。 あまりにも知識がなく、不快な思いをさせてしまったら申し訳ございません。 ご指導いただければうれしいです。 よろしくお願いします。 *ソース <html><head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>ページタイトル</title> <style type="text/css"> </style> </head><body> <div style="text-align: center;" background-image:="" url **.jpg ;width:450px;height:450px;=""><br> <br> <img style="width: 137px; height: 137px;" alt="" src="**.gif" border="0"><br> <br><p style="text-align: center;"> <a href="**.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="**.jpg"></a><a href="**.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="**.jpg"></a><img style="width: 92px; height: 230px;" alt="" src="**.jpg"><a href="**.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="**.jpg"></a><br></p> </div> </body></html>

    • ベストアンサー
    • HTML
このQ&Aのポイント
  • 通話していないのに外線使用中になり子機から電話できない
  • MFCーJ837DWNで通話できない問題が発生!外線使用中のエラーに悩んでいます。
  • 光回線を使用しているMFCーJ837DWNで通話ができません。外線使用中のエラーが表示され、子機からの電話ができません。どうすれば解消できるでしょうか?
回答を見る

専門家に質問してみよう