Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Моя группа

Какая тема Вас интересует больше?

Создание нейросетей на Python для начинающих

Пройдя курс:

- Вы установите нужное ПО

- Вы освоите терминологию

- Вы научитесь создавать нейросети

Также Вы получите множество упражнений и поддержку!

Чтобы получить Видеокурс,
заполните форму

Другие курсы

Как стать высокооплачиваемым Unreal-разработчиком: пошаговая инструкция

После семинара:

- Вы узнаете, что нужно делать, чтобы устроиться на работу Unreal-разработчиком.

- Вы узнаете, что нужно изучить, чтобы стать Unreal-разработчиком.

- Вы получите PDF-файл с чек-листом с пошаговым планом.

- Вы узнаете, как ускорить весь процесс в 3-4 раза.

Записаться

Другие курсы

В древности люди учились для того, чтобы совершенствовать себя. Ныне учатся для того, чтобы удивить других.

Конфуций

Форум сайта MyRusakov.ru

02.07.2013 00:45:46 как сделать картинку фоном для отдельного блока? Сообщение #1

Ali

Новичок

Дата регистрации:
16.05.2013 14:08:38

Сообщений: 7

доброго времени суток Михаил! хотел спросить у Вас как сделать картинку фоном для отдельного блока? так что бы разместить на ней другие картинки текст и формы. в шаблоне верх фоном идет картинка, а низ просто цветом, еще хотелеось бы узнать как сделать ее "резиновой"

Профиль

02.07.2013 07:18:12 как сделать картинку фоном для отдельного блока? Сообщение #2

ilyadenisovid

Мастер

Дата регистрации:
28.01.2013 18:32:29

Сообщений: 213

Картинка фоном для блока:



div {

  width: 300px;

  height: 180px;

  background: url('image.jpg');

}

image.jpg - Ваша картинка

Для резиновой верстки нужно задавать размеры не в px, а в процентах, например,



width: 30%;

Профиль

02.07.2013 13:34:39 как сделать картинку фоном для отдельного блока? Сообщение #3

Ali

Новичок

Дата регистрации:
16.05.2013 14:08:38

Сообщений: 7

спасибо за помощь, но этот вариант у меня ни сработал, попробывал так
<link rel="stylesheet" type = "text/css" href="styles/styles.css" />
<style type="text/css">
div {
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 500px;
}

сработало, только ни знаю правильноли это с точки зрения кода? и можно ли одновременно задавать стиль двумя путями?

Профиль

02.07.2013 13:36:10 как сделать картинку фоном для отдельного блока? Сообщение #4

ilyadenisovid

Мастер

Дата регистрации:
28.01.2013 18:32:29

Сообщений: 213

Можно

Профиль

02.07.2013 13:39:17 как сделать картинку фоном для отдельного блока? Сообщение #5

Ali

Новичок

Дата регистрации:
16.05.2013 14:08:38

Сообщений: 7

validator ошибок ни выдал, что радует, но являетсяли данный вариант (который я написал) кроссбраузерным?

Профиль

02.07.2013 14:09:38 как сделать картинку фоном для отдельного блока? Сообщение #6

ilyadenisovid

Мастер

Дата регистрации:
28.01.2013 18:32:29

Сообщений: 213

Вот насчет этого я не знаю, но мне кажется, что если использовать только свойство background, то все везде работает. Я сам так делаю, пока без проблем.

Профиль

02.07.2013 14:18:55 как сделать картинку фоном для отдельного блока? Сообщение #7

Ali

Новичок

Дата регистрации:
16.05.2013 14:08:38

Сообщений: 7

Спасибо за консультацию! все работает вот только картинка ни занимает весь блок, неужели растягивать придеться? или можно как то через css зделать так что бы картинка унаследовала стили блока?

Профиль

02.07.2013 14:25:41 как сделать картинку фоном для отдельного блока? Сообщение #8

ilyadenisovid

Мастер

Дата регистрации:
28.01.2013 18:32:29

Сообщений: 213

Не знаю, у меня все работает, сама растягивается:



<style>

  div {

  width: 1900px; 

  height: 700px; 

  background: url(http://myrusakov.ru/images/header.jpg);

  }

</style>

<div>

 gfffffffffff

</div>

Профиль

02.07.2013 14:33:21 как сделать картинку фоном для отдельного блока? Сообщение #9

Ali

Новичок

Дата регистрации:
16.05.2013 14:08:38

Сообщений: 7

еще раз спасибо! разобрался!)

Профиль

<MyRusakov.ru />

Разработчик игр на Unreal Engine

Форум сайта MyRusakov.ru

E-mail:
Имя: