Испытание: CAT Academy [16/16]


#1

Не получается найти нужные координаты для изображений котов, вроде все правильно, а не пишет, что задание не выполнено ):
html не меняла, а css вот:

  .bg {
         height: 300px;
         background:
            url("/assets/course13/star.png") repeat-x 0 100%,
            url("/assets/course13/cat_fish_128.png") no-repeat 50% 90%,
            url("/assets/course13/cat_grumpy_128.png") no-repeat 10% 80%,
            url("/assets/course13/cat_drunk_128.png") no-repeat 95% 75%,
            url("/assets/course13/cat_walk_128.png") no-repeat 50% 45%,
            url("/assets/course13/cat_academy.png") no-repeat 50% 20px,
            url("/assets/course13/star.png") repeat-x 0 10px;
}

#2

Попробуйте всё подобрать в пикселях.


#3

.bg {
height: 300px;
background:
url("/assets/course13/star.png") repeat-x 0px 270px,
url("/assets/course13/cat_fish_128.png") no-repeat 90px 145px,
url("/assets/course13/cat_grumpy_128.png") no-repeat 15px 125px,
url("/assets/course13/cat_drunk_128.png") no-repeat 160px 125px,
url("/assets/course13/cat_walk_128.png") no-repeat 80px 80px,
url("/assets/course13/cat_academy.png") no-repeat 20px 20px,
url("/assets/course13/star.png") repeat-x 0 10px;
}


#4

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


#5

Я не прокомментировал,что это сто процентный результат))
Мало ли кому нибудь понадобиться )


#6

Вы никак не прокомментировали) Теперь будет стопроцентный, чем плохо?
А кстати, будет?


#7

Да он и был стопроцентным))


#8

Нет. 99% у вас пока что.


#9

Сначала пробовал идти от процентов, но в итоге надоело подгонять что-то постоянно. От пикселей идти в данной задаче проще раз в 5. Кому нужно для сверки, вот моя подгонка, результат 100%.

.bg {
    height: 300px;
    background:         
        url("/assets/course13/cat_fish_128.png") no-repeat 90px 145px,
        url("/assets/course13/cat_grumpy_128.png") no-repeat 15px 125px,
        url("/assets/course13/cat_drunk_128.png") no-repeat 160px 125px,
        url("/assets/course13/cat_walk_128.png") no-repeat 80px 80px,
        url("/assets/course13/cat_academy.png") no-repeat 20px 20px,
        url("/assets/course13/star.png") repeat-x 0 10px,
        url("/assets/course13/star.png") repeat-x 0 270px;
}

Да, вариант оказался аналогичен варианту fessfedoss’a, расположенному выше, за тем лишь исключением, что все звезды я запихнул вниз, т.к. глаза подсказали, что в примере аквариум на долю миллиметра, но все же перекрывает звезду ниже.


#10

100%

html, body {
    margin: 0; 
    padding: 0;
}

.block {
    width: 300px;
    height: 300px;
    background: #3498db;
}

.bg {
    height: 300px;
    background:
    url("/assets/course13/cat_fish_128.png") no-repeat 90px 145px,
    url("/assets/course13/cat_grumpy_128.png") no-repeat 15px 125px,
    url("/assets/course13/cat_drunk_128.png") no-repeat 160px 125px,
    url("/assets/course13/cat_walk_128.png") no-repeat 80px 80px,
    url("/assets/course13/cat_academy.png") no-repeat 20px 20px,
    url("/assets/course13/star.png") repeat-x 0px 10px,
    url("/assets/course13/star.png") repeat-x 0px 270px     ;
    
    
}

#11

Почему при так CSS
html, body {
margin: 0;
padding: 0;
}

.block {
width: 300px;
height: 300px;
background: #3498db;

}

.bg {
height: 300px;
background:
url("/assets/course13/cat_fish_128.png") no-repeat 90px 145px,
url("/assets/course13/cat_grumpy_128.png") no-repeat 15px 125px,
url("/assets/course13/cat_drunk_128.png") no-repeat 160px 125px,
url("/assets/course13/cat_walk_128.png") no-repeat 80px 80px,
url("/assets/course13/cat_academy.png") no-repeat 20px 20px,
url("/assets/course13/star.png") repeat-x 0 10px,
url("/assets/course13/star.png") repeat-x 0 270px,

нажимаю проверить пишет теплее, нажимаю результат, там у меня только голубой блок и все?


#12

Точка с запятой в конце свойства почему не стоит?


#13

а я так сделал,и фон синий почему-то есть, хотя в теории пишут что надо отдельным блоком. Результат 100%.
.block {
width: 300px;
height: 300px;
background: #3498db;
background:url(/assets/course13/cat_fish_128.png) no-repeat 90px 145px,
url(/assets/course13/cat_grumpy_128.png)no-repeat 15px 125px,
url(/assets/course13/cat_drunk_128.png)no-repeat 160px 125px,
url(/assets/course13/cat_walk_128.png)no-repeat 80px 80px,
url(/assets/course13/cat_academy.png)no-repeat 20px 20px ,
url(/assets/course13/star.png)repeat-x 0px 10px,
url(/assets/course13/star.png)repeat-x 0px 270px,
#3498db;
}


#14

Вы его для верности дважды написали.


#15

background: #3498db; -не работает,просто забыл удалить.
.block {
width: 300px;
height: 300px;

background:url(/assets/course13/cat_fish_128.png) no-repeat 90px 145px,
      url(/assets/course13/cat_grumpy_128.png)no-repeat 15px 125px,
      url(/assets/course13/cat_drunk_128.png)no-repeat 160px 125px,
      url(/assets/course13/cat_walk_128.png)no-repeat 80px 80px,
      url(/assets/course13/cat_academy.png)no-repeat 20px 20px ,
      url(/assets/course13/star.png)repeat-x 0px 10px,
      url(/assets/course13/star.png)repeat-x 0px 270px,
       #3498db;
      }

#16

а как ты поставил sublime в html academy?


#17

Это не sublime, это темная тема из настроек редактора в профиле пользователя.


#18

как вы узнали, что эти фоны нужно именно через запятую перечислять, где об этом упоминалось в 1-15 заданях? скажите пожалуйста:no_entry_sign:


#19

Не дублируйте сообщения. Это ничего не дает.


#20

О том, что фоны указываются через запятую, написано в самом примере в теории, как раз таки в серой вставочке с кодом, там через запятую, и в конце точка с запятой, посмотрите внимательно.