CSS - Страница 590

Я хочу иметь возможность выделять совпадения в редактируемом пользователем тексте, поэтому я решил выполнить стандартное упражнение: создать , который плавает над текстовой областью, и выделить текст в этом div. >
У меня получилось почти идеально...

Согласно W3Schools (

Относительно позиционированные элементы — это часто используется в качестве блоков-контейнеров для
абсолютно позиционированных элементов.

Почему это так? Есть хороший пример?

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

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

У меня очень мало опыта программирования, поэтому я буду рад любым отзывам. Я пытаюсь стилизовать 2 изображения (одно jpg и одно gif) с помощью css, чтобы они оба появлялись над моей панелью навигации, внутри красного контейнера на первом снимке...

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

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

Я пытаюсь создать сетку, в которой элементы сетки можно будет перемещать программно. При перемещении элемента сетки по оси Y (путем обновления его свойства Grid-row) документ прокручивается, сохраняя элемент в том же визуальном месте в области...

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

У меня есть слайдер изображений, который работает по желанию во всех браузерах, кроме Safari и Mozilla Firefox. Ползунок изображения не будет отображаться в этих двух браузерах.
Если я удалю строку переполнения: скрыто; в CSS, слайдер изображения...

В моей папке изображений высота всех изображения те же самые. В строке калькулятора BMR изображения извлекаются по желанию, но высота изображений в нижней строке выше.
Вот мой код

images/bmr.png

BMR Calculator

images/macro.png...

Я все еще новичок и создал панель навигации для веб-сайта с использованием HTML и CSS. На вкладке «Службы» есть раскрывающийся список, но список остается на дисплее, даже если для параметра «Отображение» установлено значение «Нет». Может ли...

Я хочу добавить гиперссылку на логотип в левом верхнем углу моего заголовка, но мой заголовок имеет text-align:centre, чтобы центрировать заголовок страницы, что делает все, что я пытаюсь сделать, очень неудобным
Это то, что у меня сейчас есть, и...

У меня есть страница проекта и 3 блока: «Журнал обновлений», «Ссылки» и «Сотрудники». Пытаюсь переместить блок с нотоносцем под Ссылки, но у меня все блоки получаются горизонтально, как показано на скриншоте страницы проекта:
https://...

Как сделать эту кнопку в CSS. Я могу сделать круглую кнопку, но не могу стилизовать вторую строку текста.
Кнопке нужно две строки текста, каждая из которых имеет свой стиль. Также вся область должна быть кликабельной.
.drs-button{
min-width:...

В моей папке изображений высота всех изображения те же самые. В строке калькулятора BMR изображения извлекаются по желанию, но высота изображений в нижней строке выше.
Вот мой код

images/bmr.png

BMR Calculator

images/macro.png...

Как сделать эту кнопку в CSS. Я могу сделать круглую кнопку, но не могу стилизовать вторую строку текста.
Кнопке нужно две строки текста, каждая из которых имеет свой стиль. Также вся область должна быть кликабельной.
.drs-button{
min-width:...

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

var counter = 1...

Как сделать эту кнопку в CSS. Я могу сделать круглую кнопку, но не могу стилизовать вторую строку текста.
Кнопке нужно две строки текста, каждая из которых имеет свой стиль. Также вся область должна быть кликабельной.
.drs-button{
min-width:...

Добрый вечер!
Я пытаюсь создать сетку, в которой элементы сетки можно будет перемещать программно. При перемещении элемента сетки по оси Y (путем обновления его свойства Grid-row) документ прокручивается, сохраняя элемент в том же визуальном месте в...

Я Тайлер!
Мне нужна помощь в создании рабочего HTML-кода. Когда вы нажимаете на ссылку, она ведет к about:blank с кодом.Я выполнил приведенный ниже код, но он автоматически перенаправляет его, и ссылка не работает, когда я нажимаю на нее.

const w...

Я хочу сделать что-то очень простое.
У меня на странице есть одна кнопка.

Теперь мне нужно, чтобы пользователь нажимал кнопку отправки. Он показывает, что «загружается» gif-анимация до тех пор, пока она не получит ответ от сервера.

Но я уже...

Я делаю CSS-анимацию внутри модального диалога. Вот соответствующий SCSS:
@keyframes grow {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}

@keyframes shrink {
from {
transform: scale(1.1);
}
to {
transform: scale(1);
}
}

$duration:...

Я хочу иметь возможность выделять совпадения в редактируемом пользователем тексте, поэтому я решил выполнить стандартное упражнение: создать , который плавает над текстовой областью, и выделить текст в этом div. >
У меня получилось почти идеально...

Я использую определение модуля scss для библиотеки реагирования.
пример: Donut.module.scss
@use '@carbon/themes';
@use '@carbon/type';

.donut {
overflow: hidden;
:global {...}

Donut.tsx
import styles from './Donut.module.scss';

const Donut:...

У меня есть страница проекта и 3 блока «Журнал обновлений/Ссылки/Персонал». И я пытаюсь переместить блок с посохом под Ссылки, но у меня все блоки получаются горизонтально, как на скриншоте.
скриншот страницы проекта
CSS:
.project-details {...