HTML,CSSで設定をしたタグの名前を変えたら今まで表示されていた部分が表示ができなくなりました。
webページを作成しています。
<li>の位置や色を設定するCSSを書いたのですが、名前を変更したところ反映ができなくなりました。エラーチェックも試したのですがどちらもエラーはでませんでした。 原因がわかりません。【変更前のコード】
[HTML]
<div class="menu"> <ul> <li>会員登録</li> <li>ログイン</li> <li>カート</li> </ul> </div><!-- /.menu --> <div class="menu2"> <ul> <li>TOP</li> <li>本を探す</li> <li>はじめての方</li> <li>よくある質問</li> <li>お問合せ</li> </ul> </div><!-- /.menu2 -->
[CSS]
.menu ul{ font-size: 0; } .menu ul li{ font-weight: bold; display: inline-block; color:#2E2EFE; font-size: 15px; margin: 0 30px; width: 5%; position:relative; left:900px; top:-60px; } .menu2 ul{ font-size: 0; } .menu2 ul li{ font-weight: bold; display: inline-block; color:#2E2EFE; font-size: 15px; margin: 0 30px; padding-bottom: 10px; padding-right: 10px; position:relative; right:50px; }
【変更後のコード】
[CSS]
.header menu ul{ font-size: 0; } .header menu ul li{ font-weight: bold; display: inline-block; color:#2E2EFE; font-size: 15px; margin: 0 30px; width: 5%; position:relative; left:900px; top:-60px; } .header menu2 ul{ font-size: 0; } .header menu2 ul li{ font-weight: bold; display: inline-block; color:#2E2EFE; font-size: 15px; margin: 0 30px; padding-bottom: 10px; padding-right: 10px; position:relative; right:50px; }
[HTML]
<div class="header menu"> <ul> <li>会員登録</li> <li>ログイン</li> <li>カート</li> </ul> </div><!-- /.header menu --> <div class="header menu2"> <ul> <li>TOP</li> <li>本を探す</li> <li>はじめての方</li> <li>よくある質問</li> <li>お問合せ</li> </ul> </div><!-- /.header menu2 -->
【追記】
[CSS]
.header.menu ul{ font-size: 0; } .header.menu ul li{ font-weight: bold; display: inline-block; color:#2E2EFE; font-size: 15px; margin: 0 30px; width: 5%; position:relative; left:900px; top:-60px; } .header.menu2 ul{ font-size: 0; } .header.menu2 ul li{ font-weight: bold; display: inline-block; color:#2E2EFE; font-size: 15px; margin: 0 30px; padding-bottom: 10px; padding-right: 10px; position:relative; right:50px; }
[HTML]
<div class="header.menu"> <ul> <li>会員登録</li> <li>ログイン</li> <li>カート</li> </ul> </div><!-- /.header.menu --> <div class="header.menu2"> <ul> <li>TOP</li> <li>本を探す</li> <li>はじめての方</li> <li>よくある質問</li> <li>お問合せ</li> </ul> </div><!-- /.header.menu2 -->
また、作成環境はローカルになります。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/07 12:32