Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
14 / 2 / 0
Регистрация: 29.09.2018
Сообщений: 246

Свойство height не работает с li

29.09.2018, 19:59. Показов 1541. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<style>
html,body{
height:100%;
background:url(https://m.io.ua/img_aa/medium/3111/49/31114939.jpg) no-repeat fixed;
background-size:cover;
}
ul{
text-align:center;
padding:0px;
margin:0px;
height:200px;
color:#fff;

}
nav ul li {
display:inline;

padding:0px 100px;
margin:0px;

height:100%;

display:inline;


}
</style>
</head>

<body>
<nav><ul>
<li><a>главная</a></li>
<li><a>каталог продуктов</a></li>
<li><a>правила компании</a></li>
<li><a>Партнеры</a></li>
</ul></nav>
</body>

</html>
Миниатюры
Свойство height не работает с li  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
29.09.2018, 19:59
Ответы с готовыми решениями:

Не работает свойство line-height
Добрый день! Подскажите пожалуйста почему не применяется свойство line-height в меню у ссылок? &lt;nav&gt; &lt;ul&gt; ...

Не работает свойство height:100%
почему то ставлю высоту 100 % а элемент не растягивается до высоты родителя.

К каким элементам применяется свойство height?
Помогите немного разобраться со свойством height в спецификации написано: Applies to all: elements but non-replaced inline elements,...

2
3 / 2 / 1
Регистрация: 21.06.2017
Сообщений: 17
29.09.2018, 20:38
Вместо двух display: inline;
CSS
1
2
3
nav ul li {
  display: block;
}
0
204 / 67 / 41
Регистрация: 15.09.2018
Сообщений: 197
30.09.2018, 13:30
display:inline-block;

jsfiddle.net
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
30.09.2018, 13:30
Помогаю со студенческими работами здесь

Почему не действует свойство min-height
http://www.wnero.esy.es/catalog/ На данной странице весь контент лежит внутри блока с классом .content ,который имеет высоту ...

блоки с height внутри min-height не растягиваются или wrapper не растягивается
вот такой вот пример &lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; * {margin:0; padding:0;} html {height:100%; } body...

min-height не работает
у одного блока есть свойство min-height:700px; при наполнении содержимого больше чем 700 пикселей, блок в размере не увеличивается, и...

Height auto не работает
кто может посмотрите по ссылке , почему бэкграунд не растягивается до конца, контент есть а он занимает меньше (смотреть при экране mobile)

не работает width и height
Всем привет. Как заставить работать height и width? http://jsfiddle.net/0ka1y383/


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru