Учусь верстке по роликам на ютубе, многие в начале верстки создают обертку с такими стилями и не раскрывают суть для чего и какая польза от этой записи .wrapper { min-height: 100%…
const regExps = { login: /^[a-z0-9_-]{3,16}$/, email: /^[A-Z0-9._%+-]+@[A-Z0-9-]+.+.[A-Z]{2,4}$/i, pass: /^(?=.*[A-Z].*[A-Z])(?=.*[!@#$&*])(?=.*[0-9].*[0-9])(?=.*[a-z].*[a-z].…
Есть задача сверстать такого типа инфографику, однако я в ступоре, как это сделать без абсолютов и canvas Подскажите пож, как это лучше реализовать?
Возможно ли при помощи css, добавить класс в блок к примеру в body добавляем класс landscape, и делаем альбомную ориентацию и как бы блокируем ее до того времени пока пользователь…
К примеру, существует следующая конструкция: .paragraph_main { font-style: italic; font-weight: 400; padding-top: 00px; color: gray; } .header_main { font-size: 100px; font-weight…
Проблема, пишу шахматы для браузера. Языки html, css, JS. Прописал доску в index.html, после начал в style.css прописывать фигуры (в коде ниже, прописана только одна фигура). Суть…
Гуру CSS помогите! Как выровнять нижний край строки по одной линии во всех ячейках таблицы при разной высоте шрифта? Нужно именно в table не div .class-all { width: 100%; } .class…
Как форматировать инпут с 89098902834 на 8 (909) 890-28-34? Нужно чтобы значение менялось на событии onChange. Код: const [inpValue, setInputValue] = useState(""); useEf…
let song1 = document.querySelector('song_1'); let song2 = document.querySelector('song_2'); let song3 = document.querySelector('song_3'); let song4 = document.querySelector('song_…
При наведении мышки на фотку работает, но когда навожусь на текст фото не изменяется. .header__menu a { color: #48515e; } .header__menu a:hover { color: #ffffff; } .header__menu i…
Есть код меню аккордеона, но работает не так как нужно мне. Надо чтобы при выборе любой родительской ячейки открылись дочерние ячейки. Если проще говоря, то нужно сделать меню акк…
Подскажите пожалуйста как сделать что-бы работало несколько select на странице? и если один открыт другие закрываются? Я новичек в js. Спасибо большое за помощь https://codepen.io…
Объясните пжл мальцу(всего 5 дней как ололопрограмист) что я делаю не так ? CSS файл выводит параметры такие как высота и ширина но не делает фон кнопки из изображения, причем я т…
Как сделать нестандартную раскладку без доп оберток?
Вот пример с Яндекс еды, блок доставки похож на блок шторки уведомлений в вашем смартфоне. При вызове блока он выезжает снизу, его можно взять сверху и потянуть, блок будет задвиг…
У меня есть вот такая вёрстка svg круга *, *::before, *::after { box-sizing: border-box; } body { margin: 0; } .progressbar { max-width: 150px; font-size: 10px; --color: rgb(0, 18…
На данном скриншоте это сделано с помощью svg, но я пытаюсь сделать с помощью тегов. Сразу скажу, да я могу просто сделать +100500 тегов span, но я хочу попробовать сделать с помо…
При нажатии кнопок "prev" и "next" меняются слайды на экране, при этом просматривается эффект, как будто страница обновляется, и получается так, что страница п…
.violet-section { background: radial-gradient(95.07% 139.28% at 50% -43.54%, #513E63 0%, #282837 29.64%, #4D4793 85.3%, #9260A9 100%); height: 248px; margin-bottom: 150px; border-…
В Angular компоненте при изменении позиции горизонтального скроллбара мышкой скролл начинает прыгать, изменяя свою позицию на плюс/минус десять пикселей. Были предположения, что э…
Имеется анимация отображения текста при пролистывании, так же рядом с текстом расположен пустой div: .animation-position { border-right: #d0d0d0 3px solid; height: 25em; margin-le…
Есть меню аккордеон, и нужно, чтобы при клике одной ячейки открывались соседние, то есть при клике на Пациента, должны отобразиться и другие ячейки про состояние здоровья и дата п…
Почему не работает transition на выпадающий элемент extra-list и псевдоэлемент title::before ? const list = document.getElementById('list'); list.addEventListener('click', functio…
В контейнер вложены все элементы, видимо разметка старая, подскажите как исправить это. body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; …
Решил сделать круглый прогресс бар, сверху текущего положения бара должен находиться текущий процент. Вот пример (Цвет текста на ваше усмотрение, я сделал его чёрным, чтобы его бы…
При нажатии на логотип верхняя секция должна поменяться, но она просто пропадает. Если после нажать на другой логотип, то ничего не случится $('.nav_rev > div').click(function(…
Можно ли в css добавить значение margin-top к текущему, если да то как? есть ли синтаксис что то вроде: margin-top: += 100px; Я хочу сделать небольшой плавный спуск текста на стра…
Помогите, пожалуйста, как изменять расстояние между элементами, не затрагивая остальные (как например эту кнопку '-') * { box-sizing: border-box; } .shopping-cart { width: 750px; …
Я знаю, что можно сделать с помощью db + m0, auto или тега center, но тогда bg растягивается на весь экран. Можно ли это обойти? /* contact */ .contacts { padding-top: 90px; } .co…
Можно ли убрать перенос строки после запятой?