index.htmlファイルです。
<nav> <ul> <li id="nav1"><a href="fantasy.html">ファンタジー</a></li><!-- --><li id="nav2"><a href="mystery.html">ミステリー</a></li><!-- --><li id="nav3"><a href="lovestory.html">ラブストーリー</a></li><!-- --><li id="nav4"><a href="horrer.html">ホラー</a></li> </ul> </nav>style.cssファイルです。
nav {
background-color:lightblue;
}
nav li{
border-right:1px solid #ffffff;
display:inline-block;
width:25%;
text-align:center;
line-height:2;
}
nav li:last-child {border-right:none;}
nav a:link,
nav a:visited {
background-color:#333333;
color:#ffffff;
text-decoration:none;
display:block;
}
nav a:hover {
background-color:#ff8800;
}
スクールの教材をやっています。
ファンタジー ミステリー ラブストーリー ホラー
を横に並べてボタンを作ってクリックしたときに色が変わるようになっていたのですが
私がいつの間にかどこかのボタンを押したのか
ファンタジー ミステリー ラブストーリー
ホラー
という感じで
ファンタジーの下にホラーが来ています。
4つ横に並べたい。
間違えているところはありますか?
MAC OS X 10.8.5
確認したブラウザはグーグルクロム
クロムのバージョンはバージョン 49.0.2623.112 (64-bit)
コードとなっているところに貼付けているんですが
なっていなかたですか。。すみません。
ちゃんと横に並びました。
ありがとうございます。
ここに入力すれば皆さんに見てもらえるんですよね?
回答2件
あなたの回答
tips
プレビュー