Вопросы Теги

Как установить высоту элементов списка в 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;}

Это не распознает функцию высоты. Почему? Как я могу установить высоту пункта меню?

9
задан Peter Mortensen 17 May 2015 в 02:33
поделиться

4 ответа

Вам не хватает точки с запятой: -)

Вы также можете попробовать установить свойство line-height тегов li, чтобы изменить положение текста в элементе.

7
ответ дан 3 November 2019 в 04:41
поделиться

ul устанавливается на высоту 12 пикселей, по крайней мере, в Firefox.

0
ответ дан 3 November 2019 в 04:41
поделиться

Высота установлена ​​на правильном элементе? Вы спрашиваете, как установить высоту пункта меню (предположительно, li ), но ваш CSS говорит, что вы устанавливаете высоту ul . Возможно, может помочь перемещение height: 12px; с того места, где оно находится, в .header .menu ul li .

0
ответ дан 3 November 2019 в 04:41
поделиться 
.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
ответ дан 3 November 2019 в 04:41
поделиться