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

背景画像がうまく表示されない

書籍Q&ACategory: スラスラわかるHTML&CSSのきほん背景画像がうまく表示されない
asked 6年 ago

早速 失礼します コメントではないですが 私は9月に 「スラスラわかるHTML&CSSのきほん」 の本を購入し パソコン(windows7)でCSS基本を習得しようと頑張っていますが 本書のお問い合わせ受付フォーム掲載と本には書いてますが先日よりチェックしてますが見当たりません コメントに乗せました (私は素人ですが12年前より独学で仕事がらホームページを開いてます、) 私はこの本をマスターしようと必死です ページ161(chapter08-07)迄は順調にきていますが (chapter08-08)背景に画像を指定で躓いてます。 background-imageプロパティを記述するのですが index.htmlの表示を確認しますが menu-bg.pngのデザインがメ二ユーの部分より以下すべてバックに茶色くなりますが何か
私は指示どうりして無いのでしょうか。 お忙しい中すみませんが教えて下さい。

1 Answers
狩野 祐東 Staff answered 6年 ago

『スラスラわかるHTML&CSSのきほん』に関するご質問は、著者である私が本ページで受け付けているほか、出版社が問い合わせフォームを開設しております。出版社に直接問い合わせたい場合は、http://isbn.sbcr.jp/72960にアクセスした後、ページ中ほどの「問合せ この商品に関するお問合せはこちら」というリンクをクリックしていただくとフォームが出てきますので、そちらをご利用ください。

さて、ご質問の内容(chapter08-08)の背景画像を指定する部分ですが、具体的にどういう状態なのかはっきりとはわかりませんが、おそらく、背景画像は表示されているものの、ナビゲーションメニュー以外の部分にmenu-bg.pngが適用されているからではないかと考えられます。
以下の原因が推測できますので、確認していただけますでしょうか。

1)HTMLの記述が正しいか確認する
ナビゲーションメニュー部分の<ul>〜</ul>の記述が正しいかどうか確認してみます。<ul>や<li>の終了タグが記述されているか、それ以外にもタグの閉じ忘れがないかを調べてみてください。
また、ナビゲーションメニュー部分の<ul>は、<ul id="nav">が正解です。id属性がついているか、属性名がnavになっているかも併せてご確認ください。

2)CSSの記述が正しいか
 背景画像が、ナビゲーションメニューではなくほかの場所に適用されている可能性もあります。style.cssの、background-imageプロパティを記述している部分のセレクタが、「#nav」になっているかどうか確認してみてください。