CSS - Страница 573

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

Я хочу настроить на своей странице следующий макет:

Чтобы разделить страницу на две части, я написал:

body {
font-family: Arial;
}

.split {
height: 100%;
width: 50%;
position: fixed;
z-index: 1;
top: 0;
overflow-x: hidden;
}

.left {
left: 0;...

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

Я работаю над проектом React, используя компонент DataTable PrimeReact, но мне сложно удержать таблицу в родительском контейнере. Когда содержимое таблицы превышает доступную ширину, оно выходит за пределы экрана вместо горизонтальной прокрутки,...

В настоящее время я создаю свой веб-сайт в Cargo и почти закончил, хотя на данный момент я немного застрял.
Итак, Cargo позволяет мне предварительно просмотреть веб-сайт на ноутбуке. (формат) и мобильный (вертикальный) формат, но моя проблема в том,...

В компоненте счетчика прогресса материала Angular мы можем фактически установить размер, установив диаметр. Я хочу знать, есть ли возможность сделать этот диаметр чувствительным к размеру окна.

что бы я хотел:

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

Я пытаюсь увеличить размер галочки, не меняя при этом ничего другого. Я просто хочу сделать галочку выше и шире. Сейчас размер деления: 8,4 x 5,87, и я хочу сделать его 11 x 9, сохранив при этом прямоугольник размером 20 x 20.
Текущее состояние:...

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

У меня возникли проблемы с реализацией масштабирования, подобного Googlemaps, в html/css. Я подготовил минимальный демонстрационный проект Angular с моим текущим решением с ошибками здесь. Проблема, с которой я столкнулся, заключается в том, что она...

Как применить стиль к пустому полю ввода? Если пользователь вводит что-то в поле ввода, стиль больше не должен применяться. Возможно ли это в CSS? Я попробовал это:
input

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

Я создал боковую панель навигации и область основного контента. Я расположил их в виде сетки, используя display:grid со столбцами, установленными на 200 пикселей. Я также написал сценарий JavaScript для переключения списка классов. Когда я нажимаю...

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

HTML

inverted color

CSS

div {
background-color: #f00;
}
p {
color: /* how to use inverted color here in relation with div background ? */
}

Есть ли способ инвертировать цвет p с помощью CSS?

Есть цвет: прозрачный; почему бы не...

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

Я пытаюсь сделать кнопку с белым фоном и текстом с градиентом.
&.bricks-background-light {
position: relative;
display: inline-block;
padding: 16px 24px;
border-radius: 12px;
background-color: #fff;
text-align: center;
overflow: hidden;

font-size:...

Я создал боковую панель навигации и область основного контента. Я расположил их в виде сетки, используя display:grid со столбцами, установленными на 200 пикселей. Я также написал сценарий JavaScript для переключения списка классов. Когда я нажимаю...

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

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

Я пытался соединить ссылку в html. Я хочу, чтобы браузер оставался на месте (прилипал) при прокрутке вниз . Пример того, как я помещаю ссылку ниже:
Я помещаю эту ссылку перед телом ( 100) nav.style.background = 'white';
else nav.style.background =...

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

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

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

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

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

Я ищу решение CSS/Javascript для моей проблемы с прокруткой HTML-страницы.
У меня есть три элемента div, которые содержат элемент div, заголовок и элемент-оболочкуМне нужна вертикальная полоса прокрутки в div-обертке, высота должна быть...

Ниже приведен код JavaScript для прокрутки текста. Можете ли вы расширить JavaScript, чтобы прокрутка останавливалась, когда мышь находится на тексте, и начиналась снова, когда мышь выходит из текста. Заранее спасибо.

function scroll(oid, iid) {...