CSS - Страница 5

Попытка понять, почему мой элемент заголовка не будет придерживаться. Родитель - это элемент кузова, насколько я могу судить. Тело имеет высоту, мой элемент заголовка не растянут и должен иметь место для прокрутки. У меня такое ощущение, что у меня...

Я задаюсь вопросом, почему мой проклятый сглаживание вообще не работает. Я не слишком уверен, почему? Я думал, что добавление переполнения: прокрутка; Scroll-Behavior: Smooth; поможет, но он не работает. Вот мой код:

#container{
overflow-y:...

У меня есть веб -баннер, и я хочу масштабировать фоновое изображение от большого до меньшего в анимации.
Изображение размером с 300px w x 600px h.
Проблема, которую я имею, настраивает изображение больше, но примерно на 10% (вне родительского...

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

Минимальная демонстрация:

a

a
b

Есть ли один из способов выбрать эти Div с только конкретные типы детей, например, img, p ? Например, будет выбран только 1-й div , но не 2-й. />

section:not(:has(> :not(h2, article))) {
color: blue
}...

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

I'm using lessphp in my Joomla website, I'm building a template, I'd like to set some variables and use them in a less file, to do that I'm using the class autoCompileLess but I'm getting the error

failed to parse passed in variable @font:

This...

Я пытаюсь использовать функцию includehtml через w3.js,
, потому что я хочу позволить main_menu.html в качестве блока для другого html, включающего ，
Проблема меню - это выпадающий эффект не работает в Firefox, даже не работая в Chrome,
(на самом...

Когда .table__header-inner устанавливает Levify-content: center; , его позиция странная. Кажется, не знает, какой дивинг использовать в качестве родительского контейнера в горизонтально в центре.
Что случилось? Это должно быть связано с позицией:...

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

.pentagon-1 {
width:...

У меня есть приложение Dash, которое использует DataTable. У меня была фиксированная строка первой/заголовка, и один из столбцов исправлена. Когда у меня оба исправлены, и я пытаюсь использовать строку фильтра, и я пытаюсь найти элемент, который не...

Можно ли чередующаяся затенение ряда в элементе абзаца, где ряды обернуты? Здесь нет: NTH-Child техника, потому что мы говорим только об одном элементе. Например, если у нас было,

row 0 -- hello
row 1 -- world
row 2 -- !!!

Мой браузер делает...

У меня есть элемент изображения, который я хочу изменить на щелчке.

Это работает:
#btnLeft:hover {
width: 70px;
height: 74px;
}

Но мне нужно:
#btnLeft:onclick {
width: 70px;
height: 74px;
}

Но это не работает, очевидно. Возможно ли вообще...

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

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

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

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

Я пытаюсь построить макет изображения в HTML /CSS /Bootstrap, которая напоминает диаграмму ниже. Но у меня возникли проблемы с установлением пробелов на 15px .
Мне нравилось, чтобы изображения занимали всю высоту их контейнеров и обрезаются с...

Я указываю цвет фона тила для тела страницы:

Это переопределяет лист стилей, и, конечно же, появляется чирок, но не весь путь вниз по странице (как в Firefox, так и Chrome)
Я добавляю следующее внизу:

some text

Чтобы попытаться разрешить...

Учитывая этот пример, я сделал в начальной загрузке 5:

Switch Orientation

Section 1

Sec. 2
Item 1

Sec. 2
Item 2

Sec. 2
Item 3

Sec. 2
Item 4

Sec. 2
Item 5

Sec. 2
Item 6

Section 3

Item 1

Item 2

Item 3

Item 4...

Я экспериментирую с CSS и наткнулся на краевой случай, который мне любопытно. Я хочу знать, возможно ли запустить эффект A: Hover на такой элемент..hover-target {
width: 100px;
height: 100px;
background-color: red;
opacity: 0; /* Or visibility:...

ожидается: при получении 100% -ного результата в викторине «приз» отображается ниже замечаний, которые включают изображение и внедряет код
, что на самом деле произошло: это либо не сработало, либо он вставил его для всех результатов, и не только...

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

Я проектировал с CSS в течение многих лет, но я только сейчас изучаю, как использовать SASS. Это очень большой вопрос для начинающих, поэтому, пожалуйста, не терпите меня. moment I don't understand how.

If I have a div with the id #squishable, and...

Я пытаюсь создать 6 флажок в контактной форме 7, отображаемых в сетке 6, флажки, которые я создал с помощью с помощью этого сайта:

.select-size input {
display: none;
}

label {
display: inline-block;
width: 150px;
height: 80px;
text-align:...