Как поменять блоки местами при нажатии на кнопку
Есть два дочерных блока, которые находятся в родительском блоке. Сами по себе они имеют одинаковый размер. Подскажите как реализовать, чтобы при нажатии на кнопку, они менялись ме…
Вопросы по тегу: css
- 0 ▲0 ответ.
- 1 ▲1 ответ.
Кривые линии на HTML/CSS/SVG
Как это можно реализовать ? Пробовал вставить svg-код линии в html, но получается, что линия занимает площадь прямоугольника.
- 0 ▲1 ответ.
Input и label в центре экрана
Я создаю форму регистрации. Я столкнулся с проблемой. как сделать input шире без фиксированной ширины, например width: 420px. И input и label расположить в центр. Я хочу что-то вр…
- 1 ▲2 ответ.
При нажатии на кнопку меняется ее стиль
Нужно, чтобы при нажатии на кнопку менялся ее стиль, а именно - появлялось подчеркивание (и сохранялось). Сначала пыталась схитрить и через :active и свойство transition: 999999s …
- 1 ▲1 ответ.
Как делаются такие шары?
Какие свойства нужны чтобы получить такой шар? Я думал что нужен background: linear-gradient и filter: blur. Но я уже вижу что результат будет другой, не как на первом изображении…
- 0 ▲1 ответ.
Задать переменную с положительным значением, а затем
--hd: clamp(45px, 8%, 90px); Есть данная переменна, вопрос в том, как применить ее но уже в отрицательном значении? height:var(--hd); Так положительно задаем значение, а необходим…
- 0 ▲1 ответ.
Как с помощью js управлять backround inputa
Мне нужно в инпуте у которого класс .time-spending-input менять background-image когда в нём появляется текст. Как let allInput = document.querySelectorAll('input'); function remo…
- 0 ▲2 ответ.
Относительное позиционирование
Есть 2 родителя Первый родитель имеет свойство position: relative; Второй родитель который расположен в первом, имеет свойство position: absolute; Вопрос в том, если во втором род…
- 1 ▲1 ответ.
Обтекание двумя блоками
Задача: сделать блок, обтекаемый другими блоками. В 2 - только текст, с ним все в порядке. В 3 - маркированный список. Проблема 1. Блок 1 обтекается только блоком 2. Даже если 2 и…
- 1 ▲2 ответ.
Как размещать svg в html
я новичок изучаю веб своими силами и у меня вылезло несколько вопросов по поводу использования svg на странице html. 1. Как правильно вставлять svg в html? Знаю несколько способов…
- -1 ▲1 ответ.
Анимация точек слайдера
Нужна помощь с анимацией точек в слайдере. Нужно чтобы активный слайд имел широкую точку, а при пролистывании слайдера эта широкая точка должна плавно переезжать на другой активны…
- 0 ▲1 ответ.
Как поменять цвет компонента в зависимости от его числа? JS
у меня есть текст в котором отображается количество процентов: <p className='percent_style' >{`${res.percent}%`}</p> css: .percent_style { display: flex; justify-conte…
- -1 ▲1 ответ.
Как убрать пустое пространство под блоком на grid сетке?
Есть сетка из 2х колонок разной высоты и если высота сильно разнится, то у какой то из колонок под ней появляется пустое пространство. Как сделать так, чтобы пустота пропала и вме…
- 0 ▲3 ответ.
Как задать команду удаления всего блока #elements при нажатии на картинку .delete
$(function(){ let a = 1; $("#add") .click(function(){ $("#none").detach() $("#spisok").append($("<div>", {"id": "eleme…
- 0 ▲1 ответ.
Что за свойство в консоли разработчика?
Использую плагин emerge для анимации сайта и в консоли наблюдаю непонятное свойство "FIRED!". Что это означает и как можно пофиксить это? Для наглядности, что именно за …
- 0 ▲3 ответ.
Почему два div не выровневаются при точных значений координат?
Элемент div с идентификатором "#block2" слегка ниже чем элемент div с идентификатором "#block1"... #block1 { width: 100px; height: 100px; border: 1px solid bla…
- -1 ▲1 ответ.
Как делать анимацию, в плагине just-validate?
Всплывающая ошибка отображается резко, без анимации. Стандартные css свойства анимирования не срабатывают. Подскажите пожалуйста, как можно анимировать ошибку?
- 0 ▲0 ответ.
Почему стили применяются и к элементам второго уровня?
main>* { opacity: 1; cursor: default; pointer-events: none; transition: 1s all ease-in-out; } <main id="sasd"> <div class="box1">Блок 1</div> <div class="b…
- 1 ▲1 ответ.
верстка на Flex
Имеется макет страницы Мой текст выходит за родителя (когда очень маленькая страница). Как решить эту проблему ? .wrapper { display: flex; max-width: 1028px; margin: 0 auto; flex-…
- 0 ▲1 ответ.
Не подключается Slick
Делал слайдер по тутору с ютуб, но он почему-то не работает. Вот ссылка на видео:Видео 1:47:14 Тут я подключил slick.css: <link href="https://fonts.googleapis.com/css2?fam…
- 1 ▲2 ответ.
Есть задача сверстать сайт для слабовидящих и слепых людей где можно найти полезную информацию?
Все что я нашел в интернете это какое то общее описание. А нужно конкретно, блоки должны верстается так, последовательность такая, навигация такая и т.д. Использовать такие то и т…
- 0 ▲1 ответ.
Размещение элементов - Flex
3 контейнера одинаковой длины, хочу понять, как разместить кнопку в нижней части контейнера на все три одном уровне. Это можно сделать с помощью относительного позиционирования, н…
- 0 ▲1 ответ.
Сохранить измененную css-ом картинку
Описание Есть картинка: В ходе разработки поставил её как задний фон и задал стили... body { background-color: rgb(25, 25, 25); background-repeat: no-repeat; background-attachment…
- 0 ▲2 ответ.
Как удалять строки таблицы нажатием на кнопу?
При нажатии на + таблицу добавляются новые строки с кнопками удаления. Как по нажатию на кнопку удалить строку, + чтобы номер строки оставался в правильном порядке: 1,2,3... var n…
- 1 ▲1 ответ.
В тексте нету отступа
Мне надо было сделать некоторые слова жёлтым цветом, и я реши использовать span и заменить цвет, но теперь текст "сливается", как можно исправить? * { user-select: none;…
- -1 ▲1 ответ.
Обратиться к первому элементу дочерного объекта
Пытаюсь назначить свойство первому элементу, в данном случаи <img> и <i></i> .all>*>img:first-of-type, .all>*>i:first-of-type { width: clamp(25px, 10…
- 0 ▲1 ответ.
Макеты для компонентной верстки на Vue/React/Angular
Доброго времени суток! Хотелось бы сверстать пару макетов для портфолио на Vue, но возникли проблемы с поиском этих самых макетов. Есть ли у вас какие-нибудь подходящие под компон…
- 0 ▲1 ответ.
Скрыть определенное количество элементов из блока
Хочу, чтобы при максимальном разрешении экрана 1140px со страницы скрывались, например, 2 последних элемента из блока. Возможно ли это сделать не присваивая каждому элементу отдел…
- 0 ▲1 ответ.
Ширина блока 100vw, выравнивание по центру
main { display: grid; grid-template-rows: max-content max-content 1fr; grid-template-columns: min(100px, 70%) min(50px, calc(30% - 10px)); gap: 10px; padding: 10px; justify-conten…
- 0 ▲1 ответ.
Как сделать пробел после каждого 4-ого символа
У меня есть переменная в которой храниться большое число, хотел сделать так, чтобы после каждого 4-ого символа был пробел, можно сказать как карточка? const app = new Vue({ el: '#…