Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 23.12.2016, 18:24   #1
lloudb
Пользователь
 
Регистрация: 08.11.2016
Сообщений: 25
По умолчанию Заливка

Нужно, чтобы в верхней строке, там где меню была сплошная черная заливка.
Подскажите, как сделать. Спасибо.

Код HTML:
<!DOCTYPE html>
<html>
	<head>
		<link href="style.css" rel="stylesheet">
		<meta charset="utf-8">
	</head>
	<body>
	<div>
		<ul>
			<li>Меню</li>
			<li>О нас</li>
			<li>Контакты</li>
			<li>Статьи</li>
		<ul>
	</div>
	</body>
</html>
Код HTML:
li {
	list-style-type: none;
	float: left;
	margin-left: 100px;
	font-family: monospace;
	font-size: 20px;
	color: white;
	padding: 20px;
	background-color: black;
}
ul {
	margin-left: 100px;
	background-color: black;
}
div {
	background-color: black;
}
Изображения
Тип файла: jpg Снимок экрана от 2016-12-23 18:31:18.jpg (37.0 Кб, 123 просмотров)
lloudb вне форума Ответить с цитированием
Старый 23.12.2016, 21:12   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
ul:after {
  display: block;
  background: #000;
  clear: left;
  content: '';
}
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 23.12.2016, 22:13   #3
lloudb
Пользователь
 
Регистрация: 08.11.2016
Сообщений: 25
По умолчанию

Точно. Это называется распорка?
lloudb вне форума Ответить с цитированием
Старый 24.12.2016, 01:53   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Это называется "грязный хак".
Не советую юзать плавающие элементы когда не знаешь как они работают.
Пора юзать флекс.
Флоэт я продолжаю юзать в редких местах, где он реально нужен технически.
Советую поискать лекции Романа Комарова и Олега Мохова (оба из яндекса) про поток отображения, блоковую модель. Если включить мозг, то из них тебе станет понятно, почему у тебя фон не закрашивался черным.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 28.12.2016, 16:11   #5
lloudb
Пользователь
 
Регистрация: 08.11.2016
Сообщений: 25
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Это называется "грязный хак".
Не советую юзать плавающие элементы когда не знаешь как они работают.
Пора юзать флекс.
Флоэт я продолжаю юзать в редких местах, где он реально нужен технически.
Советую поискать лекции Романа Комарова и Олега Мохова (оба из яндекса) про поток отображения, блоковую модель. Если включить мозг, то из них тебе станет понятно, почему у тебя фон не закрашивался черным.
Поищу, спасибо.
lloudb вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заливка фигуры AK55 Общие вопросы C/C++ 4 22.02.2014 19:17
Заливка в Табеле Trimbl Microsoft Office Excel 6 08.03.2012 15:12
заливка Olya1985 Microsoft Office Excel 5 19.02.2011 11:49
Заливка Гуро Alenkakiss C++ Builder 1 07.03.2010 12:48