Как задать фоновое изображение для div?

Question

Андрей Любименко @andrewlybimenko

HTML
CSS

Как задать фоновое изображение для div?

Приветствую,подскажите пожалуйста как реализовать следующее:
Есть контейнер div определённого размера 200x1000px, хочу вместить в этот контейнер фон - картинку, с её повторением по оси x, и наверх этого контейнера(наверх по фону) наложить ещё картинку меньшего размера и справа от неё надпись, не могу понять чего не хватает - изображение не загружается на фон, выскакивает снизу,где угодно - но не внутри под другой картинкой.Подскажите пожалуйста в чём ошибка;

Вопрос задан более трёх лет назад
93 просмотра

2 комментария

Подписаться 1 Простой 2 комментария

Eugene Chefranov @Chefranov

приведите ваш код

Написано более трёх лет назад

Андрей Любименко @andrewlybimenko Автор вопроса

<!DOCTYPE html>
<html>
<head>
	<title>Пробый div</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="footer">
		<div class="fon"></div>
		<div class="img">
			<img src="footer1.png" alt="картинка1">
			<p>Текст который должен распологаться справа от картинки </p>
		</div>
	</div>
</body>
</html>

.footer{
	height:200px;
	width: 1000px;
	border:1px solid black;
}
.fon{
	background: url(footerFon.png) repeat-x;
	height: 195px;
	left: 0;
	bottom: 0;
	position: absolute;
	float: left;
}
.img{
	height: 30px;
	width: 30px;
	float: left;
}

Написано более трёх лет назад

Решения вопроса 1

3 комментария

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

PHP

+2 ещё

Простой
Зачем login повторяется в phpmyadmin?
- 1 подписчик
- 6 минут назад
- 3 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 7 часов назад
- 36 просмотров
1

ответ
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 15 часов назад
- 74 просмотра
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 19 часов назад
- 85 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 23 часа назад
- 81 просмотр
0

ответов
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- вчера
- 71 просмотр
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- вчера
- 55 просмотров
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- вчера
- 60 просмотров
1

ответ
CSS

Простой
Можно ли в CSS сгладить углы при использовании border-radius?
- 1 подписчик
- вчера
- 92 просмотра
1

ответ
CSS

+2 ещё

Простой
Как корректно настроить Gulp + Sass?
- 1 подписчик
- 21 нояб.
- 71 просмотр
2

ответа
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Поправить сайт (мобильная версия) на WordPress

24 нояб. 2024, в 04:16

5000 руб./за проект

Необходимо поменять пароль в WINDOWS

24 нояб. 2024, в 03:11

500 руб./за проект

Требуется консультация по UX-дизайну казино

24 нояб. 2024, в 01:35

5000 руб./за проект

<!DOCTYPE html> <html> <head> <title>Пробый div</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="footer"> <div class="fon"></div> <div class="img"> <img src="footer1.png" alt="картинка1"> <p>Текст который должен распологаться справа от картинки </p> </div> </div> </body> </html>

.footer{ height:200px; width: 1000px; border:1px solid black; } .fon{ background: url(footerFon.png) repeat-x; height: 195px; left: 0; bottom: 0; position: absolute; float: left; } .img{ height: 30px; width: 30px; float: left; }

Answer 1 · 2018-10-05 12:52:09

dicem @dicem

Я конечно мейби ничего не понимаю в вашем вопросе но вот:

Ответ написан более трёх лет назад

3 комментария

Как задать фоновое изображение для div?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт