BOOK Studio947
狩野祐東・狩野さやか著書

P174とP181の背景画像が表示できません。

書籍Q&ACategory: HTML5&CSS3デザインレシピ集P174とP181の背景画像が表示できません。
asked 3年 ago

お世話になります。
楽しく勉強させていただいてます。
P174とP181の背景画像が表示できません。
———————————————–
.nav ul{
margin: 0 0 0 0;
padding: 20px 10px 15px 20px;
background-image: url(../images/menu-bg.png);
background-repeat: repeat-x;
}
———————————————–
/* すべてのページに適応-フッター- */
.footer{
background-image: url(../images/footer-bg.png);
background-repeat: no-repeat;
margin-top: 30px;
padding: 80px 15px 20px 15px;
font-size: 12px;
color: #3f5170;
}
———————————————–
数時間前から勉強していて、P90 まで進め、CSSに進みたかったため、
P92から124までは省略させてもらっています。(すみません)
何か基本的なことを見落としていたらすみません。
原因がわからなくて困っています。
よろしくお願いします。

1 Answers
狩野 祐東 Staff answered 3年 ago

ご質問の対象の書籍は『HTML&CSSデザインレシピ集』ではなく、『スラスラわかるHTML&CSSのきほん 第2版』ですか?

たぶんそうだと思いますので、その前提で回答します。
背景画像が表示されないおもな原因は、大きく分けて次の3つです。
1) HTMLが間違えている
2) CSSが間違えている
3) 画像ファイルが指定の場所に保存されていない

1) の原因調査
まず、Chapter06最後(p.90)までに記述したHTMLが本当に間違えていないかどうかチェックしてみてください(参考:p.206)

2) の原因調査
Chapter08-01〜Chapter08-07までに記述したCSSがほんとうに間違えていないかどうかチェックしてみてください。
style.cssの記述が正しいかどうか、CSSが反映されていないところがほかにもないかどうかチェックします。

お送りいただいたCSS自体は正しいようなので、それ以前に書いたCSSが間違っている可能性が高いと思います。CSSは1文字でも書き間違えると動かなくなることがあるので要注意です。

3) の原因調査
少なくとも6章まではうまくいっていると考えられることから、今回の場合画像が指定の場所に保存されていない可能性は低いと思いますが、念のため、Chapter03-01の作業が正しくおこなわれているかどうかを確認してみてください。