<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

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

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

Каким движком Вы предпочитаете пользоваться?

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

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

Ali

Новичок

Новичок

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

Сообщений: 7

доброго времени суток Михаил! хотел спросить у Вас как сделать картинку фоном для отдельного блока? так что бы разместить на ней другие картинки текст и формы. в шаблоне верх фоном идет картинка, а низ просто цветом, еще хотелеось бы узнать как сделать ее "резиновой"
Профиль Ответить
02.07.2013 07:18:12 как сделать картинку фоном для отдельного блока? Сообщение #2
ilyadenisovid

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

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

ilyadenisovid

Мастер

Мастер

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

Сообщений: 213

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

Ali

Новичок

Новичок

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

Сообщений: 7

validator ошибок ни выдал, что радует, но являетсяли данный вариант (который я написал) кроссбраузерным?
Профиль Ответить
02.07.2013 14:09:38 как сделать картинку фоном для отдельного блока? Сообщение #6
ilyadenisovid

ilyadenisovid

Мастер

Мастер

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

Сообщений: 213

Вот насчет этого я не знаю, но мне кажется, что если использовать только свойство background, то все везде работает. Я сам так делаю, пока без проблем.
Профиль Ответить
02.07.2013 14:18:55 как сделать картинку фоном для отдельного блока? Сообщение #7
Ali

Ali

Новичок

Новичок

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

Сообщений: 7

Спасибо за консультацию! все работает вот только картинка ни занимает весь блок, неужели растягивать придеться? или можно как то через css зделать так что бы картинка унаследовала стили блока?
Профиль Ответить
02.07.2013 14:25:41 как сделать картинку фоном для отдельного блока? Сообщение #8
ilyadenisovid

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

Ali

Новичок

Новичок

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

Сообщений: 7

еще раз спасибо! разобрался!)
Профиль Ответить