Форум программистов  
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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

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

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

Код 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 Кб, 0 просмотров)
lloudb вне форума   Ответить с цитированием
Старый 23.12.2016, 22:12   #2
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,571
Репутация: 1842
По умолчанию

Код:

ul:after {
  display: block;
  background: #000;
  clear: left;
  content: '';
}

__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 23.12.2016, 23:13   #3
lloudb
Пользователь
 
Регистрация: 09.11.2016
Сообщений: 18
Репутация: 10
По умолчанию

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

Это называется "грязный хак".
Не советую юзать плавающие элементы когда не знаешь как они работают.
Пора юзать флекс.
Флоэт я продолжаю юзать в редких местах, где он реально нужен технически.
Советую поискать лекции Романа Комарова и Олега Мохова (оба из яндекса) про поток отображения, блоковую модель. Если включить мозг, то из них тебе станет понятно, почему у тебя фон не закрашивался черным.
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 28.12.2016, 17:11   #5
lloudb
Пользователь
 
Регистрация: 09.11.2016
Сообщений: 18
Репутация: 10
По умолчанию

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



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заливка фигуры 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 12:49
Заливка Гуро Alenkakiss C++ Builder 1 07.03.2010 13:48




07:47.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru