Задать вопрос

Рома Зварич

260

вклад
73

вопроса
200

ответов
100%

решений

Ответы

Как добавить авто перелистывание слайдов слайдеру?

Рома Зварич @hisbvdis

В тег слайдера добавьте атрибут с настройкой data-flickity='{ "autoPlay": 1500 }'

Пример:
https://codepen.io/desandro/pen/NPyWRZ
snippet

Ответ написан более трёх лет назад

5 комментариев

5 комментариев
Как работает CSS GRID?

Рома Зварич @hisbvdis

Цель вопроса, как сделать так, что бы ячейки не сжимались

UPD: Нужно задать высоту строк, добавляемых автоматически через grid-auto-rows

Результат:
https://codepen.io/hisbvdis/pen/RwbpPbj

Ответ написан более трёх лет назад

2 комментария

2 комментария
Можно ли свойствами CSS задать родительскому блоку высоту дочернего (position: absolute)?

Рома Зварич @hisbvdis

Нельзя.
position: absolute забирает элемент из потока. Поэтому он для всех других элементов он становится несуществующим.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как сверстать на flex?
Рома Зварич @hisbvdis
.main-menu-wrap { display: flex; } .fixed-menu-logo { flex-basis: 40px; } .main-menu { flex-grow: 1; }

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как объеденить 2 разных элемента под hover?

Рома Зварич @hisbvdis

Подобное поведение следует задавать через псевдоэлемент :hover

Результат:
https://codepen.io/hisbvdis/pen/VwZKedx
snippet

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Почему не работает inline-block??

Рома Зварич @hisbvdis

Задайте ширину дочерних элементов. Например, 30%
Результат

P.S. А еще лучше - используйте Flexbox (Результат)

P.S. Для родителя у Вас задана ширина 300px. Как-то маловато.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Зачем нужен flex-shrink и flex-grow, если есть процентный width и min-width?

Рома Зварич @hisbvdis

1) С помощью width, min-width, max-width Вы манипулируете шириной дочерних элементов.
А с помощью свойств flex-shrink и flex-grow Вы распределяете между элементами недостающее или свободное пространство родителя соответственно при его недостаче или избытке.

2) Также, данные свойства влияют на элементы одинаково при изменении главной оси со "строки" на "колонку". Если же Вы зададите элементам ширину, например, 50%, а потом измените flex-direction на column, элементы начнут выстраиваться в колонку (друг под другом), но их ширина станет лишь 30% от родителя.
Это же касается и свойства "flex-basis", которое имеет преимущество в определенных ситуациях перед "width".

3) Никто не запрещает использовать "width".

Ответ написан более трёх лет назад

2 комментария

2 комментария
Как убрать баг у списка, после разбиения его на 2 столбца?

Рома Зварич @hisbvdis

Чтобы запретить частичный перенос элементов в другую колонку, используйте для элементов свойство break-inside: avoid;

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Почему не работает свойство "justify-self: flex-end;"?

Рома Зварич @hisbvdis

Свойство justify-self относится к модулю CSS Grid и не работает при использовании в Flexbox.

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как мне исправить проблему с inline block`ом?

Рома Зварич @hisbvdis

В первом случае у Вас каждый элемент лежит в отдельном блочном элементе feedback, поэтому и переносятся на новую строку.
А во втором случае - все три лежат в одном элементе list

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как выбрать все элементы кроме первого?
Рома Зварич @hisbvdis
Вариант №1:
let trs = document.querySelectorAll('#test tr:not(:first-child)');

snippet

Вариант №2:
let trs = document.querySelectorAll('#test tr:nth-child(n+2)');

snippet

Ответ написан более трёх лет назад

Комментировать
Комментировать
Как сделать наложить такой бэкграунд с дугой слева?

Рома Зварич @hisbvdis

Вариант - использовать радиальный градиент

Пример:
https://codepen.io/hisbvdis/pen/gOYroRy
snippet

Ответ написан более трёх лет назад

4 комментария

4 комментария
Откуда взялся вертикальный скролл?

Рома Зварич @hisbvdis

Откуда взялся вертикальный скролл?

Для блока portfolio у Вас задана высота 100% от <body>

Соответственно, чем больше высота экрана, тем больше высота этого блока. Суммарно высота элементов всегда превышает высоту экрана и поэтому появляется вертикальный скролл.

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Почему не работает "align-self: flex-end;"?

Рома Зварич @hisbvdis

Объясните, пожалуйста, почему не работает эта часть у первого ".wrap"

Потому что для родителя задано align-content: flex-start;, которое перекрывает align-self

Чтобы работало, родителю вместо align-content: flex-start; задайте align-items: flex-start;

Результат:
https://codepen.io/hisbvdis/pen/qBWZOmq
snippet

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как убрать лишению длину в таблице css или другим способом?

Рома Зварич @hisbvdis

1) Запрещаете перенос текстаwhite-space: nowrap;
2) Скрываете всё за границами объекта при переполненииoverflow: hidden;
3) Через псевдоэлемент создаёте "исчезновение" текста в конце строки

Результат:
https://codepen.io/hisbvdis/pen/OJLNPEP
snippet

Ответ написан более трёх лет назад

3 комментария

3 комментария
Почему position: fixed не перебивает relative?

Рома Зварич @hisbvdis

Разве fixed не выскакивает из потока и не перекрывает всё поверх?

Fixed - это лишь тип позиционирования элемента относительно экрана. Он вполне может находиться ниже других позиционированных элементов relative, absolute. Управляйте "высотой" этого и других позиционированных элементов с помощью z-index.

Ну, и не помешало бы выложить более полный и рабочий фрагмент кода, чтобы можно было пощупать, о чем идёт речь

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Почему не отображаются иконки?

Рома Зварич @hisbvdis

Иконки не отображаются, потому что Вы строчному (фразовому) элементу <a> пытаетесь задать свойства ширины (width) и высоты (height), что недопустимо.

Либо сделайте элемент строчно-блочным (потоковым) через свойство display: inline-block, либо через псевдоэлемент иконки задавайте

Скриншот 'до'

Скриншот 'после'

Ответ написан более трёх лет назад

7 комментариев

7 комментариев
Как создать такую конструкцию на css grid?

Рома Зварич @hisbvdis

Простой и короткий вариант
https://codepen.io/hisbvdis/pen/abodJXQ

snippet

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Как сделать плавное появление белого фона при наведении на ссылку?

Рома Зварич @hisbvdis

Вы дважды использовали сокращенное свойство "transition", перекрыв тем самым предыдущий эффект.

Если Вы хотите указать два правила, их нужно записывать в одном свойстве "transition" через запятую

Результат:
https://codepen.io/hisbvdis/pen/mdbVRYa
snippet

Ответ написан более трёх лет назад

Комментировать

Комментировать
Реально ли сверстать такое меню?

Рома Зварич @hisbvdis

Все пункты меню должны быть одной ширины

Отступ в выпадающем меню слева, должен быть равен отступу слева у основного пункта (см. скрин)

С этим сложности, так как один пункт немного противоречит другому.
Если ширина у всех одинаковая, значит отступы разные.
И чтобы сделать у выпадающего списка отступы как у главного меню, нужно наверное через JS высчитывать.
А в остальном, как-то так получается.

https://codepen.io/hisbvdis/pen/GVPxap
snippet

Ответ написан более трёх лет назад

1 комментарий

1 комментарий

Самые активные сегодня

Евгений
- 2 ответа
- 0 вопросов
SunWindSmile
- 1 ответ
- 0 вопросов
GavriKos
- 1 ответ
- 0 вопросов
An
- 1 ответ
- 0 вопросов
Yulia2604
- 0 ответов
- 1 вопрос
N
- 1 ответ
- 0 вопросов

Войдите на сайт