CSS - Страница 556

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

У меня есть для вас интересная задача. Это может быть просто, но у меня нет идей!
Оно появляется только тогда, когда я сужаю окно до размера менее 300 пикселей, который я установил как минимальный размер ширины. Мне не нужно пустое пространство под...

Я хочу создать такую ​​сетку в Unity UIDocument.
display: grid;
grid-template-columns: repeat(auto-fill, 100px);
grid-gap: 1rem;
justify-content: space-between;

Если вы измените размер окна, вы увидите, что столбцы выровнены идеально. Пока что...

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

Я пытаюсь создать новую панель навигации для своего бизнес-сайта, но ни в коем случае не могу заставить ее работать так, как мне хочется...
Я хочу иметь раскрывающиеся списки «мега-меню» (при наведении), которые охватывают ВСЮ ширину экрана (БЕЗ...

РЕШЕНО: простой ответ в комментариях.
Мне бы хотелось, чтобы элемент был определен следующим образом:

с CSS как:
.gridcomp-parent {
display: grid;
}

для перемещения вверх на 2vh:
.fa-solid:hover {
top: -2vh;
}

Но когда я определяю позицию...

У меня следующая проблема: я пытаюсь плавно переместить элементы SVG с помощью API перехода представления из одной позиции в другую, применив имя перехода представления. Хотя это отлично работает для элементов HTML, по какой-то причине к элементам...

Я бы не хотел жестко задавать значение пикселя для левого поля для одного из моих элементов:

.my_element {
margin-left: 75px;
}

Я хотел бы сделать так, чтобы левое поле было равно ширине другого элемента + 20 пикселей.

.other_element {
width:...

Всплывающее окно, которое я создал для каждого отдельного изображения в фотогалерее, вообще не работает.
Я пробовал переупорядочить элемент кнопки и поиграться с js-кодом. В целом я думаю, что проблема может быть в CSS. Это мое первое сообщение...

Вот цель:

Вот чего я достиг на данный момент:

Но Я не понимаю, есть ли способ justify-content: flex-start; псевдоэлемент after (соединительная линия)
Это код, который у меня сейчас есть:

/dist/assets/icons/click.png
title
Lorem...

Я пытаюсь создать новую панель навигации для своего бизнес-сайта, но ни в коем случае не могу заставить ее работать так, как мне хочется...
Я хочу иметь раскрывающиеся списки «мега-меню» (при наведении), которые охватывают ВСЮ ширину экрана (БЕЗ...

Спасибо, что помогли мне найти эквивалент этого кода в Tailwind:
Some Text is here
Some Text is here

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

У меня есть и SVg, и я добавляю тег внутри svg, использую вложенный синтаксис описания CSS, а при использовании & выдает ошибку какой-то ошибки XML;
сначала посмотрите этот пример html

:root {
--color-red: #FF5733;
}

div {
background-color:...

Я пытался избавиться от больших пробелов, которые мне не нужны. Это появилось после того, как я использовал display: Grid, чтобы избавиться от некоторых проблем с позиционированием моих изображений. Пробелы
Вот мои ejs:

TCGCards.com
Power...

У меня есть реагирующий компонент Table.js, который имеет возможность выбирать строки и перетаскивать их, чтобы изменить порядок отдельных строк:
reorder-add-pagination-search-col-sort-forked-7y95lv?workspaceId=ws_F2QxELJDBKDDSAxdPEPbQt
В некоторых...

Спасибо, что помогли мне найти эквивалент этого кода в Tailwind:
Some Text is here
Some Text is here

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

У меня здесь проблема. У меня есть этот код с несколькими выбранными и предпросмотровыми изображениями, но мне нужно удалить выбранное изображение. Например, я выбираю 5 изображений для предварительного просмотра, и у меня есть предварительный...

В следующем коде обнаружена проблема. Когда пользователь обновится в середине или внизу страницы, преобразуйте: Translate(0px, 600px); имеет класс героя, но когда пользователь прокручивает снизу вверх, Transform: Translate(0px, 600px); Он не будет...

Я пытаюсь понять использование -webkit-text-size-adjust:none;.

Добавление/удаление, которое не влияет мои размеры шрифтов на Android (хром) или iOS (сафари и хром). Так какой в ​​этом смысл?

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

Вот цель:

И хотя я определенно не эксперт в Tailwind, не говоря уже о CSS, на данный момент я добился вот чего:

Но есть некоторые вещи, которые я просто не могу заставить работать, например, я не не понимаю, почему значок не центрируется, и...

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

Я работаю над процедурой, которая изменяет порядок набора элементов div на HTML-странице с помощью JavaScript. Изменение порядка работает правильно.
Чтобы добавить визуальную обратную связь при перемещении элемента div, я использую добавляемый класс...

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

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

Я использую bootstrap 5 для своего Jsonresume. Дизайн в HTML выглядит нормально, теперь я хочу, чтобы версия для печати выглядела так же (цвета и т. д.).

Resume of {{basics.name}}

{{{css}}}

В пользовательском CSS нет @print, но когда я...