CSS - Страница 621

Я пытаюсь использовать на веб-сайте SVG, созданный в Figma. Хоть убей, я не могу заставить SVG уважать родительский контейнер. Я использую Tailwind для CSS. Вот код:

Что я здесь делаю не так?
ТИА

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

Я хочу реализовать в Next.js функциональность, при которой:
Когда пользователь нажимает на ссылку, он прокручивается до определенного раздела на той же странице.
ссылка становится активной (например, меняет цвет, получает подчеркивание и т. д.) при...

.div1 {
position: relative;
padding-bottom: 25%;
background: lightcoral;
}

.img-container {
position: absolute;
height: 100%;
background: green;
}

.img1 {
height: 100%;
opacity: 50%;
}

Результат Chrome (ожидаемый результат):...

У меня был родительский svg класса Matrix3d, как его изменить без дочернего пути?

.matrix {
overflow: visible;
transform: matrix3d(0.524752, -0.50495, 0, 0.010099, -0.475248, 0.49505, 0, 0.0095049, 0, 0, 1, 0, 1.48515, -1.48515, 0, 1);
}...

Требования:
Добавьте следующие правила CSS в файл Styles.css:
Селектор идентификаторов для игровой таблицы идентификаторов должен:
Используйте свойство border, чтобы добавить сплошную рамку толщиной 2 пикселя, используя цвет из переменной CSS...

Я создаю макет html/css, который должен выглядеть следующим образом:
( поле представляет собой ссылку. Чтобы расширить область активной ссылки на весь блок и обеспечить позиционирование текста внизу каждого элемента сетки, я установил каждую ссылку...

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

$( #colour ).change(function(event) {
console.log($(this).val());
});
input {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}

Хотя я сделал округлено, когда я ввожу значение (по крайней мере, в Safari), вместо этого...

Мне трудно разобраться с масштабированием шрифтов.
Сейчас у меня есть веб-сайт с размером шрифта в теле, равным 100 %. Хотя 100% чего? Кажется, это рассчитано на 16 пикселей.
У меня сложилось впечатление, что 100% каким-то образом относится к...

Можете ли вы помочь мне создать элемент div, имеющий форму, как на этом рисунке, используя clip-path в css?
Я хотел бы использовать clip-path вместо маски, потому что мне нужно примените его к элементу div.
Заранее спасибо
Форма здесь: shape...

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

body { background-color: gray; }

.tile {
width: 200px;
height: 250px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
border: 5px solid...

Прокрутите немного, пока Safari не свернёт адресную строку, а затем нажмите «Далее». Вы можете видеть, что нижняя панель скрыта. Попробуйте прокрутить еще раз, нижняя полоса восстановит свое положение.

Vite App

const app =...

На моем статически сгенерированном сайте есть список ссылок с пояснениями в скобках, например

Вот ссылка (и еще несколько пояснений) .

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

У меня есть изображение PNG на html-странице. Можно ли отобразить его с исходным разрешением, независимо от разрешения экрана, коэффициента масштабирования дисплея Windows или любых других настроек?
Например, мой png имеет размер 1543 x 780...

Я пытаюсь создать эффект наведения, аналогичный тому, который используется на этой веб-странице:
Он используется в Раздел «Наши услуги» для кнопки воспроизведения в правом верхнем углу (прокрутите немного вниз, чтобы увидеть его). Похоже, он...

Пыталась получить

отправить электронное письмо на адреса электронной почты получателя и отправителя или хотя бы отправить электронное письмо получателю со всеми введенными данными в форме (например: имя, адрес электронной почты, телефон,...

Мне нужно было переопределить некоторые классы Bootstrap, и теперь я не могу получить к ним доступ в JS.

.accordion-button:not(.collapsed):enabled { background: #0000FF; }
.accordion-button.collapsed:enabled { background: #FF0000; }...

У меня есть этот код:

.flex #left {
min-height: 230px;
}

#files {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 10px;
position: relative;
user-select: none;
width: 100%;
}

#files li {
flex: 1;
max-width: 250px;...

Есть ли здесь кто-нибудь, кто может помочь улучшить мой сценарий? Я хочу, чтобы результаты были более визуально презентабельными. Можно ли включить в HTML-код?
function showAEdata() {
var ui = SpreadsheetApp.getUi();
var input = ui.prompt( Please...

Можно ли показать альтернативное изображение, если исходный файл не найден?
Я хотел бы добиться этого только с помощью css и html, без javascript (или jQuery и тому подобного).
идея состоит в том, чтобы по-прежнему показывать изображение вместо...

Я работаю над проектом карты памяти с использованием Vite и столкнулся с проблемой со всплывающим компонентом. Когда информация о Мэйбл появляется после щелчка по знаку вопроса, на короткое время появляется вертикальная полоса прокрутки, хотя...

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

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

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

Я работаю над интерфейсом чат-бота с помощью Gradio и пытаюсь настроить высоту компонента gr.ChatInterface. Я попытался установить высоту с помощью аргумента height в функции ChatInterface, но получил ошибку TypeError, сообщающую, что __init__()...

.circle1{
height: 150px;
width: 150px;
background-color: #BC903F;
border-radius: 50%;
margin-right: 15px;
line-height: 150px;
}

.circle1:hover{
border: #8D1D22 solid 5px;
cursor: pointer;

}

.speech_bubble{
display: flex;
align-items: center;...