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

Lena_Denisova · 28.Март.2016 19:44:50

Не проходит проверку, проверяла в браузере и онлайн, 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;

}

Ineska · 28.Март.2016 19:53:14

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

Lena_Denisova · 02.Апрель.2016 10:48:04

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

Maxim.K · 05.Май.2016 16:31:14

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

Ineska · 05.Май.2016 16:59:24

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

Maxim.K · 05.Май.2016 17:05:21

Вот код. Проверку делаю на 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
    */

Ineska · 05.Май.2016 17:23:22

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

vikulya5 · 07.Май.2016 11:02:35

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

` и `.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;
}`
Помогите, пожалуйста.

Ineska · 07.Май.2016 11:16:06

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

vikulya5 · 07.Май.2016 17:00:27

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

MEL · 10.Май.2016 07:02:20

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

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
*/

Ineska · 10.Май.2016 07:33:04

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

MEL · 10.Май.2016 07:50:20

конечно!!!

MEL · 10.Май.2016 07:51:29

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

MedVed · 17.Май.2016 19:39:05

.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%(помоему).
Изменения выделил жирным.

Alex_Girtas · 25.Май.2016 21:54:09

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

Alex_Girtas · 25.Май.2016 21:55:40

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>

)

Alex_Girtas · 25.Май.2016 21:56:16

nehochit html pakaat

Ineska · 26.Май.2016 07:03:21

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