Собери слово вечность, 97%

Курсы §11. Позиционирование
1

Ребята,подскажите пжл, куда делся блок corner-top?

html {
padding: 0;
}

body {
margin: 0;
padding: 20px;
}

.scene {
position: relative;
width: 260px;
height: 260px;
background: none;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}

div {
display: inline-block;
background: white;
}

/* горизонтальные элементы */
.h {position:absolute;
width: 50px;
height: 10px;
}
.h1{
bottom:60px;
left:20px
}
.h2{
bottom:80px;
left:80px;
}
.h3 {
width: 40px;
bottom:40px;
right:20px;
}

/* вертикальные элементы */
.v {
position:absolute;
width: 10px;
height: 50px;}

.v1{
bottom:40px;
left:20px;
}
.v2{
bottom:40px;
left:60px;
}
.v3{
bottom:40px;
left:100px;
}
.v4{
bottom:40px;
left:140px;
}
.v5{
bottom:40px;
left:180px;
}
.v6{
bottom:40px;
left:200px;
}
}

.corner-top {
position:absolute;
border: 15px solid white;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: transparent;
background: none;

}

.corner-bottom {
position:absolute;
border: 15px solid transparent;
border-top-width: 20px;
border-bottom-width: 0;
border-top-color: white;
background: none;
bottom:50px;
left:150px;
}

/* лого */
.logo {
position:absolute;
width: 64px;
height: 64px;
background: url(’/assets/course10/logo.png’);
bottom:116px;
left:87px;
}

2

А где координаты top и left (или что вы там используете) у этого блока?

3

Вот, в том то и дело, что я, решив, что он съехал или спрятался под другими блоками после абсолютного позиционирования. Стал прописывать ему координаты, но он не появился ни при отриц ни при полож значениях.
Еще обратил внимание на такую фишку: пробовал поочередно удалять из кода сначала корнер-топ потом корнер боттом - и в обоих случаях исчезал треугольник, как будто это один и тот же блок. На этом и завис.

4 
.v6{
bottom:40px;
left:200px;  
}  
}

.corner-top {
    position:absolute;
    border: 15px solid white;
    border-top-width: 20px;
    border-bottom-width: 0;
    border-top-color: transparent;
    background: none;
}

Пересчитайте фигурные скобки.

5

Все 100%:slight_smile: благодарю, слона то я и не увидел

1 лайк