web-dev-qa-db-ja.com

HTMLでリストアイテムの高さを設定するにはどうすればよいですか？

これが私のコードです：

HTML

<div class="menu">
    <ul>
      <li class="active"><a href="index.html">HOME</a></li>
      <li class="active"><a href="#">COMPANY</a></li>
      <li class="active"><a href="#">SOLUTIONS</a></li>
      <li class="active"><a href="#">SERVICES</a></li>
      <li class="active"><a href="#">NEWS & EVENTS</a></li>
      <li class="active"><a href="#">BLOGS</a></li>
      <li class="active"><a href="#">CONTACTS</a></li>
    </ul>
  </div>

CSS

.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto; height:12px; list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}

height機能を認識しません。どうして？メニュー項目の高さを設定するにはどうすればよいですか？

htmlcssheighthtml-lists
11
nectar

セミコロンがありません:-)

Liタグのline-heightプロパティを設定して、要素内のテキストの位置を変更することもできます。

7
scum
.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto;list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}
.active{height:50px;}
0
Babiker

少なくともFirefoxでは、ulは12ピクセルの高さに設定されています。

0
Patrick Hendricks

高さは正しい要素に設定されていますか？メニュー項目（おそらくli）の高さを設定する方法を尋ねていますが、CSSはulの高さを設定していると言っています。おそらく、移動中height: 12px;ある場所から.header .menu ul li 助けることができます。

0
Ryan Kinal