1

水平のようなリストを作成しようとしています

ここに画像の説明を入力

各アイテム（テキストとドット）をホバーするとカーソルが同じになるようにしようとし<a>ます

ここに画像の説明を入力

textしかし、 と の両方dotではなく、ホバーには当てはまりますtext。


最初の問題:幅を自動にすることができません と の両方dotを含めますtext。 2番目：タグを囲む必要がある
と思います：両方（ドットとテキスト）をホバーします。ali

それを機能させる方法。ありがとう

ここに私のコードがありますhttp://jsfiddle.net/Q6CZ2/

<div id="wrap">
      <ul id="navbar">
         <li><a href="#">Exhibits and Events</a>
         </li>
         <li><a href="#">About Us</a></li>
         <li><a href="#">Contact</a></li>
         <li><a href="#">Press</a></li>
      </ul>
   </div>
4

4 に答える 4

1

このフィドルを試してください

次のように、「li」タグを「a」タグでラップします。

<a href="#"><li>Exhibits and Events
     </li></a>

それはあなたが望むものかもしれません。

2番目の問題については、削除してみてください：

* {
padding:0px;
margin:0px;
}

と：

#wrap {
margin: 50px;
width:600px;
height:40px;
}

このフィドルも試してください

于 2013-08-27T02:56:33.127 に答える
0
  1. li掲示板マークのカーソルをポインタに変更するには、ホバーしたカーソルを変更する必要があります
  2. ルールがあるため、ルール#wrap aによって適用される色をオーバーライドしています#wrap li:hover

試す

#wrap li:hover, #wrap li:hover a{
    color: #CCC;
    cursor: pointer;
}

デモ:フィドル

于 2013-08-27T02:52:22.087 に答える