Испытание 9/28


#1

Говорю скорее разработчикам данного сайта. Это испытание можно пройти просто закинув изображение меню вот так:
html:

Испытание: вертикальное меню css: html, body { margin: 0; padding: 0; }

body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
img {
position: absolute;
top: 0;
left: 0;
Если можете, исправьте)


#2

Вы не первый это заметили:
Испытание: строим сетку [27/32] (Чем вам не Pixel Perfect?)

Я это иногда использую.
Когда в курсе заблокирован HTML или CSS, и есть желание поэкспериментировать – сохраняю код в файлы, подключаю *.css…
Картинку делаю прозрачной наполовину (opacity: 0.5),
скрываю (display:none)
вешаю в нужном месте окна (position: absolute; top, left с нужными координатами).

Далее в среде разработчика (вызывается по F12) включаю-отключаю display: none;
Получается эффект наложения…

Если не всё понятно – спрашивайте…