Не работает горизонтальный скролл
.wrapper{ width: 100%; display: flex; overflow-y:hidden; overflow-x:scroll; white-space: nowrap; } .wrapper .item{ display: inline-block; border: 10px solid white; width: 600px; h…
Вопросы по тегу: html
- 0 ▲1 ответ.
- 0 ▲1 ответ.
Один обработчик на несколько инпутов, в нескольких дивах с двумя инпутами
Для уточнения предыдущего вопроса, здесь код с решением, которое нужно дополнить... есть несколько дивов (здесь привел только два, в каждом по два инпута). Нужно ограничить только…
- 0 ▲3 ответ.
Как выровнять ссылку по центру div
В HTML и CSS я человек новый, и потому возник такой вот вопрос. Хочу сделать что-то на подобии кнопки для навигации. Кнопка должна быть, в сути, div-ом, внутри которого находится …
- 0 ▲1 ответ.
onclick срабатывает со второго клика, как исправить?
onclick работает не корректно, срабатывает со второго клика, предполагаю что это из-за вложенности блоков, но не знаю как это исправить на деле HTML: <div class="geo_conta…
- 0 ▲2 ответ.
JS не реагирует на смену input с cheked
У меня есть 4 "тарифа" c input типом radio (у первого input стоит checked). Мне нужно, чтобы при смене checked на другой input переменная принимала value чекнутого инпут…
- 0 ▲1 ответ.
Как повернуть стрелку на 180deg в меню select при клике?
На выпадающем списке select при клике нужно повернуть стрелку на 180 градусов
- 0 ▲0 ответ.
:hover активен тогда когда нет касания на тачскринах
К элементу выставлен :hover, собственно при наведении курсора мыши он работает, свойства элемента возвращаются на исходные тогда когда курсор уводят с него. Но когда на тачскринах…
- 0 ▲1 ответ.
Как правильно вызвать из массива элемент при нажатии определенной позиции из списка?
const button = document.querySelector("#btn"); button.addEventListener("click", showTip); function showTip(e){ e.preventDefault(); tip.style.display = "block"; } const quotes = [ …
- 0 ▲1 ответ.
"мобильное" отображение select multiple
На рабочей платформе (сайт на php) необходимо сделать страничку с формами для обмена данными. С этим приложением пользователь будет работать как с пк, так и с телефона (с телефона…
- 0 ▲1 ответ.
margin-top: сдвинуть элемент на текщую высоту
Не знаем высоту блока, но блок необходимо сдвинуть вверх на столько, какова текущая высота. Такое возможно? :root { --hd: clamp(45px, 8%, 90px); } .rd { width: 200px; height: 1000…
- 0 ▲0 ответ.
Как поменять блоки местами при нажатии на кнопку
Есть два дочерных блока, которые находятся в родительском блоке. Сами по себе они имеют одинаковый размер. Подскажите как реализовать, чтобы при нажатии на кнопку, они менялись ме…
- 1 ▲1 ответ.
Кривые линии на HTML/CSS/SVG
Как это можно реализовать ? Пробовал вставить svg-код линии в html, но получается, что линия занимает площадь прямоугольника.
- 0 ▲1 ответ.
Input и label в центре экрана
Я создаю форму регистрации. Я столкнулся с проблемой. как сделать input шире без фиксированной ширины, например width: 420px. И input и label расположить в центр. Я хочу что-то вр…
- 1 ▲2 ответ.
При нажатии на кнопку меняется ее стиль
Нужно, чтобы при нажатии на кнопку менялся ее стиль, а именно - появлялось подчеркивание (и сохранялось). Сначала пыталась схитрить и через :active и свойство transition: 999999s …
- 0 ▲1 ответ.
Как убрать классы у всех элементов, а изменить одному выбранному
Есть несколько элементов списка в html, хочу сделать чтобы при нажатии, добавлялся класс red к нажатому, а у других удалялся этот класс если он есть, и при нажатии на один и тот ж…
- 0 ▲1 ответ.
Задать переменную с положительным значением, а затем
--hd: clamp(45px, 8%, 90px); Есть данная переменна, вопрос в том, как применить ее но уже в отрицательном значении? height:var(--hd); Так положительно задаем значение, а необходим…
- 0 ▲2 ответ.
Относительное позиционирование
Есть 2 родителя Первый родитель имеет свойство position: relative; Второй родитель который расположен в первом, имеет свойство position: absolute; Вопрос в том, если во втором род…
- 0 ▲1 ответ.
как я могу сделать прямоугольник фоном для кнопок и текста?
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>EPIC GLITCH WEBSITE</title> <style>…
- 1 ▲1 ответ.
Обтекание двумя блоками
Задача: сделать блок, обтекаемый другими блоками. В 2 - только текст, с ним все в порядке. В 3 - маркированный список. Проблема 1. Блок 1 обтекается только блоком 2. Даже если 2 и…
- 1 ▲2 ответ.
Как размещать svg в html
я новичок изучаю веб своими силами и у меня вылезло несколько вопросов по поводу использования svg на странице html. 1. Как правильно вставлять svg в html? Знаю несколько способов…
- 0 ▲3 ответ.
Как задать команду удаления всего блока #elements при нажатии на картинку .delete
$(function(){ let a = 1; $("#add") .click(function(){ $("#none").detach() $("#spisok").append($("<div>", {"id": "eleme…
- 0 ▲1 ответ.
При удалении последнего товара из корзины, остается пустой массив, хотя я его удаляю
Написал функцию , которая получает id продукта, который нужно удалить из корзины. Перебором массива let cart = JSON.parse(localStorage.getItem("products")); я получаю эл…
- 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 ▲1 ответ.
HTML | Значение submit как данные для формы
В форме всего 1 кнопка отвечающая за своё значение. Как сделать так что-бы кнопка имела это значение и при нажатии на неё форма её отправляла? <form method="get"> <button…
- 0 ▲0 ответ.
MVC Core Почему не могу сериализовать и десериализовать SelectList?
Нет проблем с этим для обычных списков. Однако с SelectList для организации в представлении выпадающего меню <select ... </select> наблюдаются какие-то странности. Select…
- 0 ▲1 ответ.
Как исправить проблему "One or more CSP directives detected seems to be vulnerable" в утилите electronegativity?
Я использую утилиту electronegativity для выявления уязвимостей в своей программе. Я застрял на одной проблеме, данная утилита жалуется на index.html файл, уязвимость CSP_GLOBAL_C…
- 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…
- 0 ▲1 ответ.
Google docs не видит разметку Open Graph
Пытаюсь настроить url preview, все сервисы типа facebook, Vk, Telegram видят и рисуют нормальное превью, кроме google таблицы и документы. Почему это может происходить, ниже напиш…