Переиспользование счетчика
Всем привет! Возникла такая проблема, я создал счетчик при помощи input, стилизовал и добавил js, добавил его нужным элементом, но при изменение значений в одном счетчике, меняетс…
Вопросы по тегу: css
- 0 ▲1 ответ.
- 0 ▲1 ответ.
родитель по высоте дочернего элемента с наименьшей высотой
нунжо что бы wrapper имел height первого ребенка, а не самого высокого. возможно ли это без задания высоты руками? .wrapper { display: flex; border: 1px solid red; gap: 20px; } .s…
- 0 ▲0 ответ.
Как сдедать canvas адаптивным?
Как сделать так, чтобы при уменьшении окна браузера, уменьшался и canvas, при этом, чтобы рисунок не стирался?
- 0 ▲1 ответ.
Как сделать увеличение фигуры при клике на неё на 50px и уменьшение на 100px при достижении значения в 1000px HTML JS
Суть задания: Вставьте блок шириной 100px. Курсор над блоком должен иметь вид "ладошки". Остальные стили подберите самостоятельно. Каждый щелчок по блоку должен приводит…
- 1 ▲1 ответ.
Расчитать ширину футера в зависимости от страницы
приложение веб блазор. на первой страице у меня только регистрация футер, на всю нижнюю часть страницы все ок когда перехожу на следующие страницы, появляется меню сбоку и собстве…
- 0 ▲2 ответ.
Почему отображается только псевдоэлемент before, а after - нет
Пытаюсь добавить "птичку" к моим будущим "спойлерам" через псевдоэлементы :before и :after но в итоге отображается только before, ПОЧЕМУ? HTML <ul class=&qu…
- 1 ▲0 ответ.
css: при использовании двух div блоков в контейнере с column-count = 2 блоки выводятся друг за другом вертикально, а не горизонтально
При использовании двух div блоков в контейнере с column-count = 2 блоки выводятся друг за другом вертикально, а не горизонтально .blocks { width : 100%; column-count : 2; column-g…
- 0 ▲0 ответ.
Как Swiper'у задать центральный слайд?
В Swiper есть настройка "centeredSlides: true,", но она применяется сначала к первому слайду и при этом остается пустое место слева. Как задать настройку "centeredS…
- 0 ▲1 ответ.
Почему появляется горизонтальный скролл на десктопе
Ширина макета 1366px, задала ширину ограничивающему контейнеру такую же - 1366px (верстаю макет desktop first впервые, до этого верстала только mobile first на курсах, при верстке…
- 6 ▲2 ответ.
как сделать анимацию движения таракана
Нужно было сделать анимацию ползающих жуков, я сделал как: function initialBugs(bugs) { var containerRect = document.getElementById("bug-container").getBoundingClientRect(); for (…
- 0 ▲1 ответ.
Не понимаю как убрать горизонтальный скролл, не используя при этом overflow: hidden? Новичок в вёрстке и фронте в целом
Не понимаю как убрать горизонтальный скролл, не используя при этом overflow: hidden. Почему вообще здесь появляется скролл? Вот сам код HTML и CSS соответственно: /* Обнуляющие ст…
- 1 ▲1 ответ.
Как анимировать градиент?
У меня есть css код: ::-webkit-scrollbar-thumb { background: -webkit-linear-gradient(270deg, hsl(0deg, 100%, 50%), hsl(20deg, 100%, 50%), hsl(40deg, 100%, 50%), hsl(60deg, 100%, 5…
- 0 ▲1 ответ.
Стилизация checkbox, выход галочки за пределы фона
Необходимо, чтобы галочка выходила за пределы фона, но фон (фоновое изображение) должен быть меньше, чем галочка. Пример, как он должен выглядеть: Код который у меня уже есть: .ch…
- 0 ▲1 ответ.
Заполнение пространства в grid-сетке
Вот что дано на макете: А вот что получилось у меня (пришлось уменьшить размер страницы чтобы всё поместилось в скрин): А вот код: .portfolio__items{ display: grid; grid-template-…
- 2 ▲1 ответ.
Обратное пролистывание элементов по нажатии на кнопку на JavaScript
Прошу оказать помощь с тем, над чем сейчас работаю. Вот такая задумка у дизайнера. По клику на кнопки меняется: Изображение Заголовок слева Текст справа Собственно, задумка дизайн…
- -1 ▲2 ответ.
Работа со слоями
Всем здравствуйте. Нужна ваша помощь. Дали такое задание: "Квадрат разбит на четыре цветовых сектора относительно осей. При попадании курсора на любой сектор он должен плавно…
- 0 ▲1 ответ.
Перенос элементов из одного div в другой
Как сделать так, чтобы при нажатии на кнопку, она переместилась с одного блока div в другой? Если можно, то на чистом JS, без JQuery. *, *::before, *::after{ margin: 0; padding: 0…
- 0 ▲1 ответ.
Как стилизовать таблицу?
Каким образом можно стилизовать таблицу таким образом. Нужно некоторые строки объединять (группировать и выделять таким вот образом. Искал в гугле, задавал вопрос в chat gpt) не н…
- 1 ▲1 ответ.
Модальное окно со скроллом контена и фиксированной шапкой
Всем привет! Не могу сделать модальное окно, с фиксированной шапкой и скроллом контента. Контент скроллится не до конца, только несколько первых элементов. Маленкая высота указана…
- 0 ▲1 ответ.
Как сделать фиксированное расстояние между слайдами в слайдере?
Всем привет. Помогите пожалуйста. У меня на сайте имеется слайдер из 8 слайдов с бесконечной прокруткой. По умолчанию на экране отображается 4 слайда, дальше с помощью кнопок спра…
- 0 ▲1 ответ.
Как растянуть backrground image?
Коллеги, добрый день. Появилась проблема, background image секции расстягивается не полностью,у одной секции встал как надо, а у другой секции он выходит не во всю ширину. Ниже по…
- 0 ▲1 ответ.
Как убрать белую полосу между секциямиб background image?
Всем привет, как убрать белую полосу между секциями? Вот код секций и их backroung image: .header { background-image: url('../img/hero.jpg'); background-repeat: no-repeat; backgro…
- 0 ▲1 ответ.
Не работает border
Всем привет, написал таблицу, в ней две строки, и каждой строке border-top+border-bottom, но это почему то не работает, что я делаю не так? .about-us__section-content-row { border…
- -1 ▲1 ответ.
Как добавить эти верхние штуки
нужно добавить эти верхние элементы
- 0 ▲1 ответ.
Плавная анимация заголовка
Хотелось бы сделать плавную анимацию скроллирования текста для заголовков при наведении мыши на карточку товаров , а также с возможнотью двигать заголовок по горизонтали захватом …
- 0 ▲1 ответ.
Как создать плавную анимацию перехода между страницами сайта?
Можно ли это сделать только через css и html, или с добавлением js? Мне нужна анимация, когда я нажимаю на какую-либо ссылку или кнопку, которая ведет на следующую html страницу с…
- 0 ▲2 ответ.
Закругленная кнопка с градиентом
Всем привет! Не могу сверстать кнопку чтобы она была закругленная, да еще и с градиентым бордером, может кто-то такое реализовал и мог бы поделиться, был бы благородный, ниже прим…
- 0 ▲1 ответ.
Проблема с перезагрузкой сайта на React
Почему страница перезагружается при каждом нажатии на кнопку "Ваши интересы". Как исправить данную проблему? import logo from './logo.svg'; import './App.css'; import '.…
- 0 ▲2 ответ.
фильтр JS. событие нажатия кнопки
Только начал изучение JS. Подскажите пожалуйста как привязать перебранный массив productDinner к кнопке Dinner? Что бы отображались только завтраки а остальные элементы страницы и…
- 1 ▲3 ответ.
Появляется пробел между двумя блоками CSS, как исправить?
Вот мой код, не знаю почему так происходит, но не могу решить. * { margin: 0; padding: 0; font-family: 'Press Start 2P', cursive; cursor: url("img/imgonline-com-ua-Resize-gIabN90Q…