Maria
да
Maria
работает ли?
Maria
может спозиционировать еще надо, спрайт же
Truthseeker
такие иконки надо запихивать в отдельный файл sprite.png
Truthseeker
и через background-position выводить
Anonymous
Привет ребят
Anonymous
вопрос такой, почему это происходит:
Anonymous
Anonymous
Anonymous
почему оно сдвигается(выравнивал через флекс)
Marseille
почему оно сдвигается(выравнивал через флекс)
навскидку: потому что меняется высота элемента
Anonymous
как сделать что бы высота элемента не менялась?
Maria
то что
Anonymous
Добрый день
Maria
с одной
Anonymous
сейчас попробую
Anonymous
спасибо
Marseille
а то хз как ты там что реализовал
Anonymous
я не знал что кидать
Anonymous
по-этому кинул всё
Denis Yemelyanov
У него там не на высоту бордера съезжает. Там ее что-то есть. Какойто отступ между top и text
Anonymous
на а не работает(
Anonymous
Maria
Maria
я тоже иногда делаю ховер на ли
Anonymous
я?
Maria
типо li:hover a{}
Anonymous
мне придётся туда регестрироваться
Anonymous
что-то сложно
Eugene
Anonymous
ну что сложного
Anonymous
ну например єто
Anonymous
Anonymous
да, точно, чёт тупанул... ну окей, тебе ссылку кидать или что?
Anonymous
https://codepen.io/anon/pen/LLEbaG#anon-signup
Marseille
не обязан, кроссбраузерно может быть и с ie10+
Marseille
в 10 тоже работают
Denis Yemelyanov
https://codepen.io/anon/pen/LLEbaG#anon-signup
.header nav li:hover {
cursor: pointer;
border-top: 4px solid #2aacc8;
padding-top: 0.8em;
margin-top: -.8em;
}
.header li {
margin-right: 50px;
font-size: 0.875em;
text-transform: uppercase;
font-weight: bold;
border-top: 4px solid transparent;
}
Denis Yemelyanov
Сам доработай
Marseille
https://codepen.io/anon/pen/LLEbaG#anon-signup
сделай или невидимый border и добавь padding всем элементам или делай эффект наведения через псевдоэлементы
Denis Yemelyanov
дело в border и padding top
Anonymous
ну про псевдоэлементы мне вовсе ничего не известно, ну может что-то что я даже не осознаю
Anonymous
Denis Yemelyanov
ну про псевдоэлементы мне вовсе ничего не известно, ну может что-то что я даже не осознаю
.header li {
margin-right: 50px;
font-size: 0.875em;
text-transform: uppercase;
font-weight: bold;
border-top: 4px solid transparent;
padding-top: 0.8em;
cursor: point;
}
.header li:hover {
border-color: #2aacc8;
}
Anonymous
Fedor
Разбавлю ваши программирования суровыми московским улицами
Fedor
Fedor
Офис в авеню?
Arkadiy
Eugene
Такие дизайнеры должны гореть в аду
Anonymous
border-top: 4px solid transparent; transparent делает прозрачной ?
Eugene
Arkadiy
а не это юз
Fedor
Это метро юго западная если что
Anonymous
Andrevv
Как обычно. Ху"к , ху"як и в продакшн
Fedor
Da
Denis Yemelyanov
карточками. Посмотри bootstrap4
Vyacheslav
нет
Denis Yemelyanov
конечно нет. Там background нужен
Vyacheslav
или через беграунд, или рядом картинку положи и сдвинь ее на инпут
Denis Yemelyanov
это просто картинка или кнопка?
Vyacheslav
картинка, кнопки по логике справа
Какой-то
а чё бустрап 4 юзаете? клёвый он?
Vyacheslav
ох, это свежий глаток воды
Vyacheslav
только он
Denis Yemelyanov
а чё бустрап 4 юзаете? клёвый он?
нет, он еще в бете, вроде. Но там карточки появились
Сергей
Pavel
Алик, ты меня почему игнорируешь?
Δ ∇ Σ
Алик, ты почему игнорируешь?
Dmitry
он ливнул же отсюда
Maria
видимо уже ушел