Задание №3

Курсы §14. Мастерская: декоративные элементы
1

не выполняется 1 задание. Почему?
я прописал в класс .social CSS-правило: background-image: url(/assets/course14/social.png);
А ещё в мозиле не отображаются картинке в спрайте почему-то
В опере нормально всё идёт 2/3.

2

В задании сказано задать фоновое изображение без повторения.

Если вы задаёте background-image, то нужно ещё явно прописать повторение фона background-repeat: no-repeat.

1 лайк
3

помогите) не выполняется первое задание.
.social {
background-image: url("/assets/course14/social.png");
background-repeat: no-repeat;
display: inline-block;
width: 40px;
height: 40px;
background: #bdc3c7;
margin-right: 10px;
vertical-align: middle;
}

4

Там уже есть background. Варианты: перенести свои два свойства ниже существующего или добавить значения в него.

2 лайка
5

блин. глаз замылился) спасибо, исправил - полет нормальный)

1 лайк
6 
    .social {
display: inline-block;
width: 40px;
height: 40px;
background: #bdc3c7;
margin-right: 10px;
vertical-align: middle;
background-image:url("/assets/course14/social.png") no-repeat;

Не могу понять, почему не отображается значок, только фон. Менять браузеры пробовал.

7

no-repeat не может быть в background-image, это уже background-repeat.

2 лайка
8

Спасибо, невнимательно просмотрел свойства )))

9

.social {

display: inline-block;
width: 40px;
height: 40px;
background-color: #bdc3c7;
margin-right: 10px;
vertical-align: middle;
background-repeat: no-repeat;
background-image: url("/assets/course14/social.png");
}
Чому не зараховує 1 ціль, все ж правильно ? Допоможіть

10

Всё работает. Ваш код верный.