助太刀忍者(質問掲示板)

助太刀忍者

No.53743    サーバーにアップ後、背景が表示されません。
ホームページを初めてHTMLとCSSで忍者ホームページをにて作成していますが背景に画像を表示したいのですがサーバーにアップする前のプレビューでは画像が見れるのにアップ後は画像部分のみ何も表示されません。
ホームページを初めてHTMLとCSSで作成しています。忍者ホームページを使っています。ページをbox1から4までに分割し、box1の背景に画像を表示したいのですがサーバーにアップする前のプレビューでは画像が見れるのに、アップ後は画像部分のみ何も表示されなくなってしまいます。×の表示も何もなく、ただ白いままになってしまいます。自分でも調べてパスもあっていると思うのですが、どうしても解決されません。状況の写真とHTML・CSSのテキストから解決法の分かる方、ご教授いただけませんでしょうか?

【HTMLテキスト】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=shift_jis" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>タイトル</title>
</head>
<body>
<div id="body">
<div id="box-1">
<h1>今からできる 美しくなるマナー</h1>
ホームページの説明文 <br />
テキスト テキスト テキスト テキスト テキスト テキスト
</div>
<div id="box-2">
<div class="menu">メニュー</div>
<br>
<li><a href="page01.html">キホンのキ!</a></li>
<li>冠婚葬祭・・</li>
<li>ビジネス</li>
<li>食事</li>
<li>季節の行事</li>
<li>海外編</li>
<li>用語集</li>
</div>
<div id="box-3">
<h2>h;2 ページタイトル</h2>
<p>テキスト テキスト (省略)</p>
<h3>h3 見出し</h3>
<p>テキスト テキスト (省略)</p>
<h3>h3 見出し</h3>
<p>テキスト テキスト (省略)</p>
</div>
<div id="box-4">
copyright (c) ~~~.com All right reserved.
</div>
</div>
</body>
</html>


【CSSテキスト】
* {
padding : 0px ;
margin : 0px ;
}

#body {width :800px ;
border: 1px solid #9acd32;
margin : 20px auto;}

#box-1 {border-bottom: 1px solid #9acd32;
background-image: url("img/top1.jpg");
font-size : 10px ;
color : #ffffff ;
padding : 40px 0px 100px 20px ;}

#box-2 {float : left;
width :180px;
font-size : 14px ;
line-height: 20px;
padding : 20px 0px 150px 20px ;}

#box-3 {float : right;
width :600px;}

#box-4 {clear: both;
width: 800px;
background-color : #9acd32;
padding: 5px 0px;
text-align: center;}

.menu {font-size : 15px ;
background-color:#c0c0c0;
padding: 5px 5px 5px 10px ;}

ul {padding : 10px 5px 10px 30px;
line-height: 20px;}

p {padding : 20px ;
line-height: 30px;}

h1 {
font-size : 20px ;
color : #ffffff ;
padding-bottom : 10px ;
}

h2 {
font-size : 18px ;
color : #ffcc00 ;
padding-left: 15px ;
}

h3 {
font-size : 18px ;
color : #0000ff ;
padding-left: 15px ;
}


【フォルダー構成】
homepage file - index.html
- img file - top1.jpg

【環境】
windows xp
google crome バージョン 28.0.1500.95 m
メモ張
FileZillaにてファイル転送
(imgフォルダーごと、top1.jpgファイル単体どちらでもアップして転送成功になり試してみましたが表示されません)

まだ始めたばかりで素人なので、質問に不備がありましたらご指示いただけたらと思います。
使用環境
  • OS:Microsoft Windows NT
  • ブラウザ:Google Chrome
  • モニター:1366×768
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
投稿者:No Name Ninja 投稿時間:2013-08-30 08:48:23
投稿者 : No Name Ninja
投稿時間:2013-08-30 16:59:47
>状況の写真と
ここはSSの添付はできません。

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13112617808

こちらで全く同じ質問をされていますが
その後どうしたのかを書かないと同じ事を聞かれるだけです。

>ブラウザのアドレス欄に、http://URL/img/top.jpg と入れて、表示されるかも確認してください
という回答は「URL」の部分を自分のサイトURLに置き換えろということですが
それでも表示されないというのであれば
画像のアップロードが上手くいっていないか階層が違うのだと思います。
また「img」ではなくフォルダー名が「img file」になっている場合も画像の名前が違うということになりますし
スペースが入っているので表示されません。

時間のある時にマルチポストについても検索してください。

表示されないページや画像があります。
http://www.ninja.co.jp/hp/help/faq/1118/

FTPソフトで転送してるのに新しいページにならない。
http://www.ninja.co.jp/hp/help/faq/1128/