Помогите разобраться

Общее
21

Хорошо!

22

сделал двумя псевдо.

.logotip {
width: 100%;
height: 100px;
margin-top: 30px;
margin-bottom: 30px;
display: inline-block;
background-image: url('../img/logo.png');
background-repeat: no-repeat;
background-position: 50% 50%;

}

.logotip:before,
.logotip:after {
content: “”;
position: absolute;
width: 120px;
height: 2px;
background: #d8d9d2;
}

.logotip:before {
top: 80px;
left: 470px;
}

.logotip:after {
top: 80px;
right: 470px;
}`

23

Песочница была бы очень кстати здесь…

24

25

Здравствуйте! Подскажите, пожалуйста, как сделать закругление внутренней рамки?

b78502e4fb.jpg1053×638 113 KB

26

Покажите, как разметили фрагмент.

28

Подскажите еще пожалуйста, делал маркер выпадающего меню через content, но он не появляется. Точнее, на заднем плане. z-index не помог. Спасибо!

http://codepen.io/Alex_Messer/pen/RpjNBY2

29

Страница не существует…

30

Извините…

31

Если картинка задается как фон, то псевдоэлемент обязательно должен иметь прописанные размеры, width и height.

1 лайк
32

Спасибо! Это учту.
А можете еще посмотреть на выпадающее меню. Невозможно перейти на подпункты, так как был сделан отступ. Как исправить это не изменяя нижний отступ?

33

Вместо координаты top попробуйте padding.

1 лайк
34

Так и нужно! Спасибо)

35

Можете еще подсказать, почему все псевдо элементы выпадающего меню сбиваются в кучу?

36

речь о .main-menu .sub-menu li:before ?
У вас для самих li не задано позиционирование, поэтому элементы позиционируются относительно ближайшего спозиционированного блока .sub-menu

Задайте для li position: relative;

2 лайка
37

Огромное спасибо!)

39

Здравствуйте! Помогите разобраться с боковыми кнопками. А точнее с логикой стрелок при переключении. Буду очень благодарен.

40

А что непонятно ?

41

Картинка при переключении ведет себя не правильно. Можно это увидеть при замедлении

42

А зачем вам нужен transition: 5s; у .side-controls label ?