CSS - Страница 551

вот пример:

Я хочу, чтобы он был простым и НЕ использовал JS, пожалуйста. Я все время застреваю в знании необходимого для этого позиционирования CSS. Я знаю, что мне тоже придется использовать наведение.

Подробнее здесь:

Мне хотелось преобразовать цветовую строку CSS Lch, например:
--my-color: lch(20% 8.5 220.0);

В шестнадцатеричный код RGB. Я пробовал использовать такие инструменты, как анализатор Lch от Chroma, но все они, кажется, используют абсолютные...

Можно ли использовать следующие элементы и стилизовать их так, чтобы объекты SVG появлялись поверх изображения (т. е. как часть изображения)?

В настоящее время они отображаются под ним в новой строке.

Я знаю, что могу установить изображение как...

Вот код демонстрационного приложения для показа изображений в карусели. Он хорошо работает со статическими изображениями. Но я хочу добавлять изображения в карусель динамически при нажатии кнопки.
Я добавлял изображения при нажатии кнопки, и они...

У меня есть поле ввода, которое выглядит следующим образом

Name

Я не устанавливал отступы ни для ввода, ни для метки, но они не выровнены.

Что может быть причиной этого и как это исправить.

Подробнее здесь:

Я пытаюсь создать базовый элемент булавки GSAP. Он закрепляется, но только когда я прокручиваю вверх. Я также хотел бы, чтобы он закреплялся при прокрутке компонента вниз.
Например, когда я добираюсь до компонента местоположения на странице,...

Я пытаюсь создать меню с подменю, которое будет иметь непрерывную рамку вокруг них. В приведенном ниже коде показано, как создать границу для каждого отдельного меню и подменю, но есть границы, разделяющие их.

HOME

SHOP

CHESS...

Я пытаюсь предотвратить переполнение таблицы, ширина которой явно объявлена ​​за пределами ее родительского элемента div. Я предполагаю, что могу сделать это каким-то образом, используя max-width, но, похоже, у меня это не работает.
Следующий код (с...

Добрый вечер.
Я пытался реализовать кнопку, которая использует путь SVG для определения ее формы и последующей анимации при наведении.
Я создал анимацию, и она отлично работает с SVG, но моя проблема заключается в том, как замаскировать кнопку с...

Я использую библиотеку response-simple-keyboard для создания виртуальной клавиатуры в своем приложении React. Однако у меня возникли проблемы с растягиванием кнопок по вертикали на всю высоту их контейнера.
Я пробовал различные настройки CSS, кнопки...

Как сделать все поля формы доступными только для чтения?

Подробнее здесь:

Я разрабатываю веб-сайт, используя этот открытый исходный код от CodePen.
Потратив неделю на работу над ним, я понял, что эти вертикальные слайды-гармошки не работают с Safari iOS (хотя они работают). на Chrome iOS).
Как ни странно, он работает на...

У меня возникла проблема с CSS при использовании Bootstrap. Я также использую Angular JS с Angular UI.bootstrap (что может быть частью проблемы).

Я создаю веб-сайт, который отображает данные в таблице.
Иногда данные содержат объект, который мне...

Я создаю веб-страницу и обнаружил, что на некоторых страницах под нижним колонтитулом есть лишнее пустое пространство, и когда я перезагружаю страницу, оно просто исчезает.

Это происходит почти на всех страницах, кроме Главная и Свяжитесь с нами....

Я использую Vuetify 2 и использую его с опцией «а ля карт». Я извлекаю CSS для каждого маршрута, поэтому приложение загружает только необходимый CSS для этого представления.
Я вижу, что chunk-vendors.css содержит все CSS для Vuetify, вместо того,...

При запуске ng Serve у меня есть такой результат:

*./src/main.ts — Ошибка: Ошибка сборки модуля
(из ./node_modules/@ngtools/webpack/src/ivy/index.js)
../.comComponent.scss:17:100: ОШИБКА: токен незавершенной строки
*./src/polyfills.ts` — Ошибка:...

Я пытаюсь динамически изменять размер блоков макета CSS-сетки, перетаскивая разделители столбцов (или изменяя размер заполнителей) с помощью мыши.

Я установил изменение размера: горизонтально; code> в элементе nav для изменения размера, и его...

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

Вот сайт:

Подробнее здесь:

Проблема
У меня есть проект, использующий несколько шрифтов, включая переменный шрифт, использующий необычную шкалу насыщенности (10-218), наряду с обычными шрифтами, использующими стандартную шкалу насыщенности CSS ( 100-900).
В настоящее время я...

Я использую материал angular 19.0.3 и механизм тем m3
вот мой style.scss
html {
color-scheme: light dark;
@include mat.theme((color: (
primary: ft-green-theme.$primary-palette,
tertiary: ft-green-theme.$tertiary-palette,
),
typography:...

У меня есть HTML-форма, которая при отправке перенаправляет пользователя на PHP-скрипт. Скрипт должен обработать форму и перенаправить пользователя на home.html, но вместо перенаправления браузер отображает пустую страницу. Два файла (.php и .html)...

У меня есть overflow-y auto в теле и контент, содержащий таблицу. Существует элемент div, содержащий таблицу, и он имеет параметр overflow-x auto для горизонтальной прокрутки в виде таблицы. Таблица имеет заголовок с позицией, закрепленной и верхом...

Мне нравится разворачивать и анимировать тело таблицы.

@keyframes unfolding{
from {
transform: scaleY(0);
}
to {
transform: scaleY(1);
}
}
tbody{
animation-duration: 2s;
animation-name: unfolding;
}

Start

unfolding td

End

К...

Я пытаюсь создать калькулятор с помощью кода.
Мой калькулятор выглядит иначе, чем тот, что показан на видео.
Вот оригинальный калькулятор;

А вот мой;

Я хочу, чтобы кнопки были выделены в так же, как на видео.

Кто-нибудь знает, как мне...

Я перепробовал все — от чата до Gemini и второго пилота, — но письмо по-прежнему центрировано. Мне нужно, чтобы оно отображалось слева. Я в полном отчаянии. Это финальный проект нашего курса.
Когда я меняю файл php на html, стиль работает. Однако...