Html - Страница 90

Я пытаюсь создать макет, в котором набор изображений:

Отображаются в одну строку.
Сохраняют индивидуальные соотношения сторон (без искажений).
Имеют одинаковую высоту для всех изображений.
Совместно заполняют всю ширину родительского...

Ниже я хотел бы создать следующий эффект для элемента кнопки в CSS:

В то время как мне нужна простая обычная кнопка, но с выступающей снизу вкладкой.
Как мне это сделать?
Я пробовал ::after и ::before, но ни один из них по какой-то причине не дал...

Я создаю интерфейс, подобный рабочему столу, в HTML/CSS и пытаюсь воссоздать панель задач в стиле Windows.
Я хочу, чтобы панель задач вела себя как в Windows:
Когда открыто много окон/приложений, панель задач заполняется кнопками (по одной для...

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

Я относительно новичок в CSS. У меня на странице есть таблица шириной 70%. Мне нужно разместить небольшой значок чуть выше правой части таблицы, чтобы значок был выровнен по правому полю таблицы под ним. Как я могу этого добиться?

Итак, в целом...

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

Итак, можно поделиться ссылкой на что-либо в Spotify с помощью следующего кода, например, этот HTML-код, когда я вставляю его в браузер, откроет список воспроизведения напрямую Spotify при нажатии на ссылку.

Chilled Hits

Однако, когда я...

Я пытаюсь изменить цвет кнопки активного сегмента, но при всех параметрах она по-прежнему отображается как белая.
Вот HTML и CSS:

ion-segment {
background-color: #108453 ion-segment-button {
color: #108453;
}

.segment-button-checked {
color:...

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

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

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

У меня есть такая таблица:

A

1
2
3

C
D

E
F: will hide/show
G: will hide/show
H

I
J
K
L

M
N
O
P

Тогда, когда я изменяю значение в опции выбора B, F и G будут скрываться..
Затем они будут перемещаться вверх ниже ...

J & K до F и G ,...

Я выполняю проект на FreeCodeCamp.org, но у меня возникли проблемы с выполнением нескольких шагов, и когда я закончу эти шаги, весь проект будет завершен. Программа сообщает, что мой элемент #nav-bar не находится в верхней части области просмотра,...

.thumbnail{
padding: 0px 0px 0px 0px;
border:1px solid gray;
background-color: white;
border-radius: 5px;
margin: 5px 10px 5px 10px;
min-width: 10vw;
min-height: 40vh;
display: flex;
flex-direction: column;
cursor: pointer;
z-index: 1000;
}...

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

Я создаю слайдер и столкнулся с проблемой, из-за которой слайдер ломается, если слайдов больше 8. В частности, кнопка «Вперед» исчезает, а ширина слайда увеличивается. Я подозреваю, что это может быть связано с количеством контента внутри слайдов,...

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

Я правда не знаю, как сделать кривые рисунки на своей странице. Все остальные части дизайна были доработаны мной.
(
Теперь это мои HTML и CSS, которые я сейчас решаю:

new_web

body {
display: flex;
justify-content: center;
align-items:...

Мы работаем над этим некоторое время, и все идет не так, как планировалось: любая помощь будет оценена по достоинству! Я пытаюсь создать слайд-шоу из 4 изображений, где:

На последнем изображении, когда пользователь нажимает стрелку «Далее»,...

function rollDice(a, b) {
dice = Math.floor(Math.random() * (b + 1)) + a
return dice
}
body {
background-color: orange;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',...

Я пытаюсь выровнять элемент по правому нижнему углу с помощью позиционирования привязки CSS

#sidebar {
anchor-name: --sidebar;
height: 100vh;
width: max-content;
position: fixed;
/* Sidebar is fixed to the viewport */
}...

Я читал о селекторах потомков в CSS, но не могу заставить их работать:

.c1 div {
background-color: red;
}

h1 {
color: #00b339
}

Demo of the descendant selector
Outer paragraph
Inside nested element

В селекторе стиля есть пробел...

В моем коде есть ряд интервалов с коротким или длинным текстом по центру.

CA Global
Nombre de logements rénovés

.mark {
text-align: center;
padding-inline: 16px;
padding-block: 5px;
background-color: orange;
}

Проблема в том, что при...

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

Итак, есть ли способ добавить ссылку сюда:

Я пытался добавить идентификатор, но это не сработало... Под идентификатором я имею в виду ту часть ссылки на Google Диск, которая находится здесь:

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

JSX:

Как сделать так, чтобы текстовая область имела идеальную полную высоту, не прерывая страницу случайной полосой прокрутки?

Можно ли решить эту проблему с помощью только CSS, или мне абсолютно необходим JavaScript?

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