CSS - Страница 566

Я создал адаптивную страницу пользовательского интерфейса на начальной загрузке. У меня есть адаптивное изображение слева и текст справа в том же разделе.
Сейчас я вижу изображение на рабочем столе, но не на любом мобильном устройстве при...

У меня есть простой код для воспроизведения этого странного поведения, которое я не могу понять, как решить: когда я просто щелкаю внутри элемента ввода, текст в абзаце становится темнее, кажется, что он теряет некоторую непрозрачность....

На веб-сайтах, которые я создаю, я обычно аннулирую кеш CSS и JS, используя параметры строки запроса, например:

Примечание: это снимок экрана из инспектора Chrome, эти строки запроса все добавляются автоматически небольшая система, которую я...

Я работаю над пользовательским интерфейсом, в котором есть несколько перекрывающихся слоев. Они обрабатываются довольно просто с использованием z-index и Position:fixed. Вот пример пользовательского интерфейса:

Существует элемент типа «ящик»,...

Я хотел бы создать изображение ниже, используя HTML и CSS.

Изображение ниже — это результат реализации кода, который я реализовал.

Как вы могли заметить, мне не удалось разместить синюю карточку поверх родительской и переместить ее вправо....

Я обнаружил, что установленный мной CSS приводит к исчезновению предварительного просмотра параметра в формах выбора.
Кажется, я не могу найти в Интернете решение, как это исправить.
Это часть CSS, которая вызывает указанную проблему:...

Я разрабатываю веб-сайт с использованием HTML, CSS и JavaScript и хотел бы использовать Visual Studio вместо Блокнота, поскольку я смогу организовывать свои файлы в каталогах и использовать работающий сервер для обмена своим кодом.
Я загрузил...

Я хочу, чтобы некоторый контент отображался на значке всплывающей подсказки.
Например: пометить этим значком (!).
Общая стоимость фонда (!). Я хочу отображать некоторый контент в поле фиксированной ширины 286 пикселей при наведении значка.
Метка...

Элемент HTML ranger dom устанавливает мин=0 и макс=100; при достижении максимального значения, 100, полоса все еще немного короткая, судя по приложенному изображению.
Как можно правильно заполнить ее до конца полосы?
Рейнджер ввод при 100 %...

Я пытался добиться этого эффекта, но мне это не удалось.
Эффект:
Может ли кто-нибудь помочь меня выйти? Это максимум, чего мне удалось достичь:
Проверенный подход:
Я пытался прикрепить каждое изменение изображения к позиции прокрутки внутри...

У меня есть следующий фрагмент с двумя элементами div в гибком контейнере. Первый имеет 2 подраздела с фиксированным размером (для макета контента), второй имеет только один макет контента. В настоящее время высота контейнера равна высоте первого...

Я хочу поддержать человека, проводящего веб-конкурс. Они хотят добавить в электронное письмо QR-код, который ссылается на PDF-файл, размещенный на веб-сайте. Однако они хотят разместить две версии PDF-файла: например, если человек сканирует QR-код с...

Я хочу применить переход к элементам диалога при их открытии, но мой атрибут перехода, похоже, не имеет никакого эффекта. Вот мой код:

const dialog = document.querySelector( dialog );

document.querySelector( #open-button ).addEventListener(...

У меня нет опыта программирования или веб-разработки. После нескольких часов исследований в Google я написал набор (отлично работающих) кодов для создания ползунка диапазона с помощью HTML, CSS и JS.
Я Я использую этот ползунок для изменения...

Я не знаю HTML/CSS и пытаюсь изменить цвет текста виджета (кнопки переключения) в приложенииstreamlit.

Это Добавить даты лечения в изображении, которое я хочу чтобы покрасить его в белый цвет.
Код, который я пробовал, но не сработал:
st.markdown(...

Я использую nextjs 14.2.10 и пытался использовать
import { Inter } from 'next/font/google';

const inter = Inter({
subsets: ,
weight: ,
style: ,
variable: '--font-inter',
fallback: ,
});

const App = ({ Component, pageProps }: AppPropsWithLayout)...

У меня есть следующий фрагмент с двумя элементами div в гибком контейнере. Первый имеет 2 подраздела с фиксированным размером (для макета контента), второй имеет только один макет контента. В настоящее время высота контейнера равна высоте первого...

У меня есть определение класса:
.small, td.small, td.small > nobr, td.small > a
{
font-size: 90%;
}

Это делает текст внутри привязки в ячейке меньше.
Но стиль не применяется, если я помещаю текст в ячейку без привязки.
Текст внутри привязки в...

Я пытаюсь оформить всплывающую подсказку так, чтобы она соответствовала дизайну на этом изображении: :
Однако моя текущая реализация выглядит так: co/Kqy8MgW
Вот мой текущий код:
HTML:

Click on a module to edit the learning objectives

Got it...

У меня есть проект, для которого требуется таблица, включающая столбцы как с фиксированной, так и с гибкой шириной.

Некоторые столбцы всегда должны иметь ширину 80 пикселей, независимо от ширины браузера.

Остальные столбцы должны иметь гибкую...

Возможно, это повторяющийся вопрос, но я не смог найти полезных советов для своего случая.
Здесь я хочу, чтобы элемент изменял свою ширину. и высота во флексбоксе, содержащемся в . В настоящее время он никак не меняет свой размер (практически не...

Мне удалось создать вышеуказанное часть, но я хочу создать, как показано в нижней части изображения, выделенного красным кружком. Мне нужно использовать Chakra UI 2.10.4 в React
мой код:

Accelerator Program

Cohart Number: N/A

Time Spent:...

Я хочу применить переход к элементам диалога при их открытии, но мой атрибут перехода, похоже, не имеет никакого эффекта. Вот мой код:

const dialog = document.querySelector( dialog );

document.querySelector( #open-button ).addEventListener(...

Мне хотелось бы, чтобы на странице были полноразмерные наклонные полосы; вот и все.
Вот что я сделал до сих пор:

html, body {
overflow-x: hidden;
margin: 0;
padding: 0;
}
body {
display: flex;
margin: 0;
padding: 0;
}

.flag-strip {
position:...

Я хочу создать прогрессивную полосу шагов с аккордеоном для отслеживания моей задачи с помощью HTML js или jQuery, css и bootstrap 5.
На каждом этапе мне нужен аккордеон, который может показывать мне детали и устанавливать мою задачу « закончить» с...