Фоны. Проверка Задания 16/16


#1

Не проходит проверку, проверяла в браузере и онлайн, http://jsfiddle.net/t92g92ta/
Как будто сервер не видит изображения

    .bg {
height: 300px;
background:
    url("/assets/course13/star.png") repeat-x 0 270px,
    url("/assets/course13/cat_fish_128.png") no-repeat 90px 145px,
    url("/assets/course13/cat_grumpy_128.png") no-repeat 15px 140px,
    url("/assets/course13/cat_drunk_128.png") no-repeat 160px 130px,
    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;

}


#2

Обращайте внимание на вкладку “Различия”. Не проходит, потому что не сходится с образцом.
Котов по бокам надо поднять выше, а последние звездочки не перекрывают аквариум, а находятся под ним.


#3

Сервер не работал - показывал синий квадрат. Поскольку через неделю то же самый css дал 96%, поправила котов- 99%, поменяла местами звездочки и cat_fish - стало 100%


#4

У меня тоже не проверяяется. Просто жму на кнопку проверить и ноль реакции. Уже пробовал в разных бразерах.


#5

Расскажите подробнее. Какие браузеры, какая система. Код покажите.


#6

Вот код. Проверку делаю на W10 из под браузеров Chrome и Opera.

   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 95px 140px,
            url("/assets/course13/cat_drunk_128.png") no-repeat 160px 125px,
            url("/assets/course13/cat_grumpy_128.png") no-repeat 20px 125px,
            url("/assets/course13/cat_walk_128.png") no-repeat 50% 80px,
            url("/assets/course13/cat_academy.png") no-repeat 50% 20px,
            url("/assets/course13/star.png") repeat-x 0px 10px,
            url("/assets/course13/star.png") repeat-x 0px 270px,
            ;
    }

    /*
    Адреса картинок:
    /assets/course13/cat_fish_128.png
    /assets/course13/cat_grumpy_128.png
    /assets/course13/cat_drunk_128.png
    /assets/course13/cat_walk_128.png
    /assets/course13/cat_academy.png
    /assets/course13/star.png

    Подсказка:
    Все координаты (background-position) кратны либо 5, либо 10
    */

#7

Браузеры ни при чем. У вас лишняя запятая в свойстве background перед точкой с запятой.


#8

Почему не получается задать`

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

}
.star{
background:
url("/assets/course13/star.png") 0 270px,
url("/assets/course13/star.png") 0 10px;
background-repeat:repeat-x;
}`
Помогите, пожалуйста.


#9

А зачем вам блок отдельно на звездочки?


#10

чтоб не прописывать в каждой строчке background-repeat:no-repeat;:blush:


#11

Тоже не проходит проверку!не могу посмотреть “результат” " наложения"!!
нажимаю “результат” там просто синий блок!
(возможно с координатами и ошибся, но их я и хотел сравнить в “наложение”)

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 53% 145px,
url("/assets/course13/cat_grumpy_128.png") no-repeat 20px 129px,
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;

}

/*
Адреса картинок:
/assets/course13/cat_fish_128.png -кот и аквариум
/assets/course13/cat_grumpy_128.png -лежит
/assets/course13/cat_drunk_128.png с рюмкой
/assets/course13/cat_walk_128.png -рыжий
/assets/course13/cat_academy.png -надпись
/assets/course13/star.png

Подсказка:
Все координаты (background-position) кратны либо 5, либо 10
*/


#12

А кнопку “проверить” нажимали?


#13

конечно!!!


#14

Все заработало!! как не странно!! (после 4 -го нажатия на “проверка”)


#15

.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;
}
Вот часть Вашего кода, допиленного на 100%. У Вас было 96%(помоему).
Изменения выделил жирным.


#17

HTML

<div class="block">
            <div class="block1">
        <div class="block2">
                <div class="block3">
                    <div class="block4">
                        <div class="block5">
                            <div class="block7">
                                <div class="block6">
                                    <div class="bg"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

CSS
.block1 { background: url("/assets/course13/star.png") repeat-x 0px 10px; }
.block2 { background: url("/assets/course13/cat_academy.png") no-repeat 20px 20px; }
.block3 { background: url("/assets/course13/cat_walk_128.png") no-repeat 80px 80px; }
.block4 { background: url("/assets/course13/cat_drunk_128.png") no-repeat 160px 125px; }
.block5 { background: url("/assets/course13/cat_grumpy_128.png") no-repeat 15px 125px; }
.block6 { background: url("/assets/course13/cat_fish_128.png") no-repeat 90px 145px; }
.block7 { background: url("/assets/course13/star.png") repeat-x 0px 270px;}

i pervij sposob i vot sverhu vtoroi to ze na 100% esli 99% to zvezdochki na akvariume a ne pod nim vihodit


Не понимаю порядок расположения слоёв
#18

vot takoi html-zadat toze na sto vihodit (

<div class="block">
            <div class="block1">
        <div class="block2">
                <div class="block3">
                    <div class="block4">
                        <div class="block5">
                            <div class="block7">
                                <div class="block6">
                                    <div class="bg"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

)


#19

nehochit html pakaat


#20

Отредактируйте каждое свое сообщение с кодом с помощью кнопки </> в редакторе сообщений.