CSS - Страница 572

Я работаю над проектом .NET 9 Blazor с помощью QuickGrid. Клиент хочет, чтобы сетка выглядела более похожей на Excel.
Необработанный QuickGrid пытается уместить все данные на экране и добавляет горизонтальные полосы прокрутки для просмотра...

У меня есть следующий код (упрощенный):

Test 1

Test 2

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

Я читал «Можете ли вы сделать iFrame адаптивным?», и один из комментариев/ответов привел меня к этому JSFiddle.
Но когда я попытался реализовать HTML и CSS в соответствии с требованиями, мои потребности, у меня не было таких же результатов/успеха. Я...

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

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

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

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

есть...

Было бы круто, если бы там был такой вариант, иначе мне пришлось бы перекрывать нижнюю границу другим элементом div..

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

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

Зеленый, когда шаг завершен...

Мне нужно проверить этот раздел, который содержит товар и его изображение. Изображение с классом «main-product-image» должно располагаться слева в разделе, а справа должен быть блок с ценой и информацией. Изображение также должно находиться под...

test form

Enter Name

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

Я хочу, чтобы все классы, объявленные внутри блока, содержали одни и те же свойства. Например, этот код:
…
{ // Block started

line-height: 1.5; // Shared property.
…
.text-sm
{
font-size: 1rem;
}

.text-md
{
font-size: 2rem;
}

.text-lg
{...

TLDR; почему текст кнопки белый?
Codepen для демонстрации:
У меня есть переменные CSS определяется так:
:root {
--neutral-00: white;
--neutral-100: black;
--general-typography-quinary: var(--neutral-00);
--button-default-text:...

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

Зеленый, когда шаг завершен...

Я пытаюсь реализовать автономное веб-приложение на основе Angular Material (v.18.2.x), но не вижу значков. Вот моя реализация:
package.json

dependencies : {
@angular/animations : ^18.1.0 ,
@angular/common : ^18.1.0 ,
@angular/cdk : ^18.1.0 ,...

Можно ли с помощью CSS разделить предложение на одно слово на строку?
HTML:
Hello world foo bar

Оформлено:
Hello
world
foo
bar

Установка ширины в 1 пиксель (например) нежелательна.

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

Вот у меня есть этот фрагмент кода. Когда я нажимаю на него, несмотря на отсутствие какой-либо функции onClick, он мерцает, что, я считаю, является стандартной функцией Anchor tag(). Итак, есть ли способ избежать/остановить мерцание, когда...

Я разработчик-самоучка. Недавно я изучил Sass, шаблон 7-1 и именование классов BEM, и решил переписать старый проект веб-сайта, используя эти методы.
При переписывании стилей для этого веб-сайта , я не уверен, где в архитектуре 7-1 должны...

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

Внизу есть горизонтальная полоса прокрутки (она серая,...

Я хочу вызвать HTML-файл следующим образом, но он работает только в Google Chrome. В Mozilla Firefox это вообще не работает.

adminController.html:

Мне нужно вызвать этот файл adminController.html в основной части моего index.html. Этот...

.main-container {}

.main-black-beats-sec {}

.main-product-image {
position:absolute;
top: 0;
left: -15%;
z-index: -100;
}

.main-black-info {
display: inline-flex;
justify-content: flex-end;

}

Мне нужно разместить это изображение на странице...

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

Зеленый — когда шаг завершен

Синий,...

Создание адаптивного дизайна с помощью CSS предполагает использование различных методов, позволяющих адаптировать макет вашего веб-сайта к различным размерам экрана, устройствам и ориентациям. Вот пошаговое руководство:

Используйте подход,...

У меня есть компонент в приложении Angular 19 с окном с возможностью вертикальной прокрутки, где содержимое за пределами окна скрыто, т. е. содержимое окна выходит за пределы верхней и нижней части фиксированного окна, а содержимое можно...

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

Search

Search

Вот код всей строки,...