Category: CSS

18
Янв
2022

Расположение карточек товара с переносом на новую строку

встал на одной проблеме, вроде бы не такая сложная, но не могу найти вариант решения.
На странице есть карточки товара 4 карточки на 1 строке при ширине в 1600px, первая и крайняя карточки должны быть без боковых отступов. попробовал испол…

18
Янв
2022

Помогите в написание слайдера

Я написал слайдер. Работает он хорошо, но почему то когда я делаю два слайдера на одной странице один из них работает, а второй нет. Как исправить данную ошибку. Почему работает только первый слайдер. Я начинающий разработчик и прошу вас …

18
Янв
2022

Концепции CSS — единое руководство

От автора: в этой статье я просто резюмирую свой порядок изучения CSS. Надеюсь, это поможет вам улучшить понимание CSS. 1. Приоритет селектора CSS Приоритет селектора CSS разделен на несколько категорий, каждая из которых имеет свою специфичность. Мы можем вычислить фактический приоритет, суммируя специфичность всех селекторов. Фактически, если вы используете правило !important, оно переопределит ВСЕ предыдущие […]

17
Янв
2022

Посадка на Bitrix owl слайдера

Создал тип инфоблока – Слайдер на битриксе и сам инфоблок – слайдер, который включает в себя фоновое изображение слайда (картинка анонса инфоблока слайдер), имя слайда, фотографию автора слайда (строковому свойству PictureUrl анонса задал …

16
Янв
2022

Подскажите технологию для карты

Добрый день.
Интересует технология с помощью которой можно было бы создать данную карту участков.
Суть такова: при наведении на участок выводиться стоимость и фотография.
Хочется сделать такого же типа, но при наведении и отдалении можно …

15
Янв
2022

Как убрать блок с главной страницы на WordPress&WpBackery?

Всем привет, на сайте на Wordpress возникла такая проблема (вот сам сайт https://kitelantis.com/)
На главной странице откуда не возьмись появились хлебные крошки которых там быть не должно, я видел похожую статью на Stackowerflow но она не…

13
Янв
2022

Цвет трека input опережает thumb, как исправить на JS?

Вот пример того как background color опережает сам ползунок. Как исправить это, независимо от максимального и минимального предела input, без содания плавного перехода зеленого цвета в белый?

const sliderInput = document.querySelector(…

13
Янв
2022

Почему не удаляется класс CSS

Сделал модальное окно, для закрытия добавил svg картинку, при клике которой должно закрываться это окно путем удаления CSS класса modal_active. Но почему то он его не удаляет, или удаляет и вновь создает, в чем проблема?
index.html
<div…

13
Янв
2022

Html фон кнопки мешает обработчику клика

мне нужно вывести ошибку, когда пользователь нажимает на заблокированную кнопку на странице, для этого решил обернуть кнопку в div, а на него повесить слушатель клика. При нажатии на текст кнопки, скрипт срабатывает, но если нажать на фон …

12
Янв
2022

Вывод пользователей в модальное окно

Сделал модальное окно, пользователи в него выводятся, но проблема в том, что они выводятся в ряд, как можно сделать чтобы новый пользователь, новая строка(\n не работает, просто ставит пробел).
Может в css как то добавить, или только в js …

12
Янв
2022

Вывод пользователей в модальное окно

Сделал модальное окно, пользователи в него выводятся, но проблема в том, что они выводятся в ряд, как можно сделать чтобы новый пользователь, новая строка(\n не работает, просто ставит пробел).
Может в css как то добавить, или только в js …

12
Янв
2022

Прописать css атрибуты всем элементам до определенного class

Есть код, в котором я добавляю css атрибуты (в моем случае color: red;) после определенного класса class="two" при помощи ~. Можно ли сделать наоборот (если css не подойдет, то можно использовать javascript), что бы атрибуты доба…

12
Янв
2022

Как скрыть часть блока выходящего за края в слайдере

использую слайдер react-slick и в процессе верстки макета столкнулся с проблемой.
позиционировал нумерацию слайдов через relative. Ноль выходит за границы видимового блока, но его часть видна со следующего слайда.

11
Янв
2022

Как можно автоматизировать добавление повторяющегося кода в HTML?

я делаю кино сайт, и каждый раз при добавлении нового фильма я трачу много времени для копирования и изменения кода. Как можно упростить этот процесс?
Сам блок фильма

<div class=”movie-card” onclick=”location.href=’/films/1-garrypot…

11
Янв
2022

Как можно автоматизировать добавление повторяющегося кода в HTML?

я делаю кино сайт, и каждый раз при добавлении нового фильма я трачу много времени для копирования и изменения кода. Как можно упростить этот процесс?
Сам блок фильма

<div class=”movie-card” onclick=”location.href=’/films/1-garrypot…

11
Янв
2022

Скрыть и отобразить несколько div при нажатии на кнопку JS

Есть задача: При нажатии на кнопки менять отображаемые блоки, например при выборе секции "Маникюр" отображаются одни цены, при нажатии на секцию "Педекюр" цены меняются (1 блок цен скрывается и всместо него отоброжается…

11
Янв
2022

Скрыть и отобразить несколько div при нажатии на кнопку JS

Есть задача: При нажатии на кнопки менять отображаемые блоки, например при выборе секции "Маникюр" отображаются одни цены, при нажатии на секцию "Педекюр" цены меняются (1 блок цен скрывается и всместо него отоброжается…

11
Янв
2022

Как в переменную засунуть видео

У меня есть код js, и туда нужно запихнуть вместо цветов видео. Как это сделать? отправьте пожалуйста код.
onclick=’switchBg();’

var bgar = [‘#f00’, ‘#0f0’, ‘#00f’], curBg = 0;
function switchBg(){
document.body.style.background = bg…