0

CSSが一部読み込まない状態です。
あるHPで、CSSを使ったHPの作成をしていくとゆうものを見つけましたのでサンプルをそのまま使い作っている最中です。

最初にCSSのサンプルをそのまま使い作成し、index.htmlのほ うは途中まで作ったのですが、一部が読み込まずにずれてしまいます。
CSSはもちろんindex.htmlのほうも載っているサンプルをそのまま使っているので読み込まないはずがないと思っていたのですがなかなかうまくいきません。

そのHPには、ここまで作ったら開くとこうなってますとゆうものが見れるのですがそのリンクも貼っておきます。
上部のメニューボタンの画像が読み込めず、横並びにするはずがただ縦に並んでるだけになってしまいます。
カーソルを合わせた際に変更させるメニューボタンの画像や変わる色に関してはきちんと読み込んでいるようです。

長々と申し訳ありませんがなにか気付かれる部分などありましたら皆様宜しくお願いします!

完成はこんな感じのようです。
http://pro.muryoweb.net/test4.html

上部メニューボタンの設定の部分のCSS記述

/*上部メニューボタンの設定*/
#navbar{
width: 100%;
height:45px;/*メニューボタンの高さの指定*/
position:absolute;
top:100px;/*上からの位置指定*/
}


#navbar ul{
margin:0;
padding:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;/*メニューで使うフォントの指定*/
font-size: 12px;/*メニューのフォントサイズ*/
line-height:45px;/*メニューボタンの高さの指定*/
letter-spacing:2px;/*メニューの文字間の間隔を少し空ける
}

#navbar li{

background-image:url(img/nav3.gif); /*メニューのボタンの背景*/
float:left;/*メニューボタンが右側に回り込む設定*/
width:142px; /*メニューボタンの幅*/
text-align:center;/*文字がボタンのセンターに来る設定*/
padding:0;/*隙間を空けない指定*/
}

#navbar ul a:hover{

background-image:url(img/nav2.gif); /*カーソルが上に来た時に背景が変化*/
width:142px; /*変化の後のメニューボタンの幅*/
}

#navbar a{
color:#ffffｆｆ;/*メニューボタンの文字の色*/
display:block;
}

#navbar a:hover{
color:#8E0036; /*メニューの文字がカーソルが上に来た時、この色に変わる*/
}

質問者が選んだベストソリューション

Yahoo!知恵袋 4312日前