質問: ul liのclass指定について 表示が上手くいかないのでお助け下さい。 ul liのliにclass指定をして、それぞれのclassに異なる背景画像を表示させようとしているのですが、 なぜかclass指定をすると画像が消えてしまいます。 class指定をしない状態ですと普通に表示されるのですが、別々の画像を表示させたいと思っているので困っています。 どなたか教えて頂けないでしょうか? また、申し訳ありませんがとりあえず表示されれば良いだけなので htmlやcssの記述に対する細かいツッこみは勘弁して下さい。 宜しくお願いします! 【html】 * test 【css】 div#side { display: inline; float: left; width: 178px; margin-top: 20px; text-align:center; background:#fff; } div#side ul#sidenav { list-style-type:none; border: none; } div#side ul#sidenav li.a { background:url(../common/side.gif) no-repeat left; background-position: 6px 11px; } div#side li { position:relative; width: 165px; height:40px; padding: 1px; margin: 5px; text-align:left; border: 1px solid #8c8c8c; }
回答: ちょっとよくわからないのですが >ul liのliにclass指定をして、それぞれのclassに異なる背景画像を表示させようとしているのですが それぞれのclassに異なる背景画像を表示させるというのに 背景画像が書いてあるclassが一つしかないのですが・・・。 - test - test - test となっていて div#side ul#sidenav li.a { background:url(../common/side1.gif) no-repeat left; background-position: 6px 11px; } div#side ul#sidenav li.b { background:url(../common/side2.gif) no-repeat left; background-position: 6px 11px; } div#side ul#sidenav li.c { background:url(../common/side3.gif) no-repeat left; background-position: 6px 11px; } これをしたいのでしょうか・・・?