Сегодня я начинаю изучать интерфейс, такой как html, css, js. Также я создаю свой сайт для перекодирования своего исследования. вчера я добавил боковую панель для категоризации на своем сайте. Но я не могу создать функцию для панели сайта.
У меня есть функция JavaScript для перемещения различных дочерних элементов по родительскому элементу div, но я хочу добавить переход, чтобы элементы перемещались в новую позицию в элементе div, а не меняли позицию мгновенно.
В настоящее время я использую компоненты Shoelace.style, но при нажатии вокруг него появляется синяя рамка. Я перепробовал все, что знал, даже использовал ::part() для каждой части компонента. Но я не могу остановить появление синего цвета или даже...
У меня есть авторизованный портал pfsense, над которым я работаю, и для которого требуется несколько графических изображений, чтобы они отображались рядом и реагировали на размер экрана устройства. Это хорошо работает с использованием входного типа...
Я использую scroll-snap-type: y для вертикальной прокрутки с помощью точек привязки в контейнере. Моя цель состоит в том, чтобы верхняя часть каждого дочернего элемента привязывалась к верхней части родительского контейнера.
В настоящее время я использую List.js для создания фильтруемой сетки. Теперь я хочу, чтобы сетка имела разные размеры, чтобы один элемент был больше другого. Я хотел использовать для этого класс, но li. нужно пройти урок. В данных указано...
Мне нужно создать подобный контент, однако он не реагирует при переключении на разные экраны. Я прилагаю скриншот для экрана меньшего размера, и вы можете видеть, что элементы перекрываются. на экране xs, маленьком и среднем - Также, пожалуйста,...
Я установил виджет как прикрепленный с помощью HTML, но он не работает как прикрепленный. Когда прокрутка опускается, виджет опускается. Структура, которую я хочу создать
Для моего меню я бы лучше использовал вкладки, а не раскрывающиеся списки.
Я использовал пример W3Schools, чтобы попытаться закрыть каждую вкладку, когда она теряет фокус, но не могу найти способ сделать это. Вот их пример (разрешено в...
У меня есть кнопка в моем приложении React. Эта кнопка работает в веб-приложении должным образом, но когда я открываю приложение на своем Iphone в Chrome, для работы кнопки требуется два нажатия. Первый щелчок вызывает эффект наведения, а второй —...
Я использую scroll-snap-type: y для вертикальной прокрутки с помощью точек привязки в контейнере. Моя цель состоит в том, чтобы верхняя часть каждого дочернего элемента привязывалась к верхней части родительского контейнера.
Я проверил разрешения мобильных устройств в соответствии со всеми устройствами для моего элемента выбора, и в моих представлениях есть только один элемент выбора, но на телефоне он кажется отключенным.
(не сработало) Я попробовал этот код:
select...
У меня есть куча гибких элементов в контейнере. В качестве гибкого направления установлено значение столбца. В одном из элементов немного больше текста, поэтому его содержимое переносится на новую строку. Теперь ширина элемента автоматически...
Вот мой HTML-код. Предполагается, что будет отображаться заголовок h2, за которым следует одна строка, указывающая, в каком сегменте соотношения сторон находится браузер в данный момент. Он работает на Windows 10 и Android, работает в режиме...
Я пытаюсь создать приведенный ниже макет с помощью CSS. Я близок, как показано в фрагменте кода. Но сделаны следующие изменения, и когда я пытаюсь их внести, все идет наперекосяк.
ярлыки не отображаются разделители должны находиться внутри...
npm ОШИБКА! информация node-pre-gyp, все сработало, если заканчивается на ок НПМ ОШИБКА! информация node-pre-gyp с использованием node-pre-gyp@1.0.11 НПМ ОШИБКА! информация node-pre-gyp с использованием node@20.9.0 | Дарвин | рука64 НПМ ОШИБКА!...
У меня есть теги tr и td, оба имеют событие onclick
удалить (идентификатор элемента) { } Проблема в том, что когда я нажимаю на событие td, то также вызывается событие tr. Я хочу ограничить щелчок по событию tr при нажатии на td.
Я приступаю к проекту по созданию динамичного и визуально привлекательного веб-сайта-портфолио с использованием Java, JSP, JSF, HTML и CSS. Цель — продемонстрировать свои навыки, проекты и достижения в профессиональной и увлекательной форме. В...
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете добавлять вложения
