Category: CSS

26
Сен
2021

Не работает корректно insertBefore

Пишу код, чтобы при клике на определенную стрелку блок div перемещался в списке в зависимости от того какая стрелка нажата: стрелка вверх – div вверх, стрелка вниз – div вниз.
Код написал, но, стрелка вниз работает корректно, стрелка вверх…

25
Сен
2021

Какое обучение выбрать? [закрыт]

Всем привет! Возник такой вопрос. Хочется двигаться дальше, но не знаю как.
Дело вот в чем. Я умею верстать. Не очень хорошо, требуется практика и желательно куратор, который мне скажет где мои ошибки и как их исправить. Плюс, знаю основы …

25
Сен
2021

Как изменить класс блока переключением конкретной радиокнопки на JS №2

Вопрос является продолжением к первому вопросу.
На него был дан хороший пример цикла с перебором радиокнопок. Но есть дополнительно 2 момента.

При инициализации странички (поскольку у div в css прописано display: none) его изначально не в…

24
Сен
2021

CSS – Можно ли анимировать clip на изображении, чтобы открывать квадранты по часовой стрелке?

У меня есть два круглых изображения. Верхнее изображение располагается абсолютно поверх нижнего изображения. Я показываю верхнее изображение с интервалом 25% с помощью клипа, и мне интересно, можно ли его анимировать, чтобы квадрант постеп…

24
Сен
2021

Как сделать анимацию выскальзывания параграфа сверху-вниз в новостном блоке?

Всем доброго времени суток. Как сделать чтобы параграф был спрятан за h2 и img (был невидим), но при наведении на новостной блок он "выскальзывал" сверху-вниз и стал видимым как на примере:

.newsItem {
width: 400px;
heigh…

24
Сен
2021

Как сделать многостраничный сайт с передачей id на другую страницу?

Помогите разобраться. Есть задача сделать простой сайт на 2 страницы с помощью VanillaJS. У меня есть index.html, в котором я получаю данные с API (новостная лента). У каждой новости есть свой id в формате the-university-of-discovery/2021/…

24
Сен
2021

Библиотека MoreToggles для Checkbox

От автора: одним из элементов форм, которые стилизовать достаточно проблематично, являются чекбоксы. В этом уроке вы познакомитесь с замечательной библиотекой MoreToggles.css, которая поможет решить данную проблему. Библиотека использует только CSS и …

23
Сен
2021

Делегирование нужного блока

У меня есть пару полностью одинаковых контейнера, в них кнопки с однаковым функционалом, при нажатии на которые до двух родительских элементов добавляется класс active и происходит поворот контейнера. Я бы не хотел каждой кнопке писать отд…

23
Сен
2021

Запретить элементу absolute переходить за границу relative

Имеется навигация с меню второго уровня. Меню второго уровня установлен класс absolute
Но при открытии меню второго уровня, оно выходит за границу родительского блока.
Если наводим на кнопку "Аксессуары" – меню отображается норма…

23
Сен
2021

Как исправить проблему с перескакиванием номера страницы при перелистывании

Есть файл Json из него загружаем данные и формируем объекты на странице.
Если пролистывать при помощи стрелок перескакивают страницы.
Помогите понять в чем дело.

let block = document.querySelector(‘#block’);
let pagination = document.q…

23
Сен
2021

Как исправить проблему с перескакиванием номера страницы при перелистывании

Есть файл Json из него загружаем данные и формируем объекты на странице.
Если пролистывать при помощи стрелок перескакивают страницы.
Помогите понять в чем дело.

let block = document.querySelector(‘#block’);
let pagination = document.q…

22
Сен
2021

В VS Code установлен плагин Quokka, однако он не работает, выпадают доп. сообщения, соответственно, какие сделать доп. настройки?

Установлено расширение Quokka, однако после Ctrl+Shift+P > Quokka.js: New Javascript File выводит: ‘You may use the "node" setting to configure the location of node. Can not start node.js process (node), make sure your system …

21
Сен
2021

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

Здравствуйте как сделать такой слайдер, чтобы у каждого блока была разная высота, а слайдер двигался только мышкой? Он должен быть Responsive Блоков приблизительно 20. Вставлено в них будет не только изображение, но и текст. Спасибо

21
Сен
2021

Центрирование логотипа относительно блока

возможно это легкая задача, но не могу понять как это решить. Переписываю дизайн со своего же сайта. Шапка сайта сделана с помощью flex, хочу центрировать логотип относительно этой шапки, но логотип центрируется относительно экрана:
Мой ко…

21
Сен
2021

Здравствуйте, подскажите, пожалуйста, как можно модифицировать данный график

Есть данный код, получается такой график (синего цвета), мне бы хотелось немного его улучшить, а именно довести до такого до графика (красного цвета), а также добавить значения(точки), где график касается ось абсцисс.
const canvasPlot = do…

20
Сен
2021

Сделать обучение/подсказку на выбранный блок

Возник вопрос, нужно сделать, что-то типа обучения.
Допустим у меня есть список. Надо, чтобы весь список был затемнен, а нужный элемент подсвечивался и возможно на темном фоне было еще пояснение.
Вызов подсказки чтобы проходил как-то так, …