CSS - Страница 584

Я создаю вложенную CSS-сетку с подсетками, но при использовании overflow:auto в подсетке все это ломается в Safari.

В Chrome/FireFox это работает отлично , но в Safari оно ломается, и по какой-то причине, когда я удаляю переполнение: auto;
в Safari...

Я использую ajax-всплывающее окно Magnific Popups, чтобы создать всплывающее окно, похожее на Instagram или Facebook (изображение слева, комментарии справа и т. д.). Как мне установить максимальную высоту для всего лайтбокса и центрировать...

Я пытаюсь разделить его на 4 части по горизонтали, используя размер и положение, но оно не подходит.
Можно ли добиться этого этим методом?

.ui-button {
display: block;
padding: 12px 10px;
width: 100%;
height: 50px;
border: none;
border-radius:...

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

Я не могу найти способ заставить пользовательский размер соответствовать размерам блоггера по умолчанию для редактора.
введите описание изображения здесь
пробовал это, но безуспешно:
.image-size-small { width: 600px !important; } .image-size-medium...

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

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

Я экспериментирую с вертикальным текстом в своем проекте реагирования
У меня есть этот столбец

アイ アム コーディング イン リアクト

который использует следующий стиль
.japanese-text {
color: antiquewhite;
font-family: 'Yuji Syuku', serif;
font-weight: 500;...

Код:

input { /* There is only ever 1 input on this page anyways */
max-width: 80vw;
width: auto;
}

Я хочу, чтобы ширина моего увеличивалась по мере того, как пользователь печатает, от начальной ширины от 0 до 80 % ширины области просмотра. Я...

Мне кажется довольно простой настройкой привязки прокрутки, но она позволяет осуществлять безграничную прокрутку в Google Chrome (на рабочем столе):

На приведенном выше изображении вверху страницы вы можете видеть, что вы можно еще прокрутить...

У меня есть что-то вроде этого:

Field admin
Text admin
Bot

Это внизу:

Добавление этого (внизу страницы после загрузки приведенного выше скрипта) не работает:

$('.selectpicker').selectpicker();

Сейчас кнопка форматируется, но...

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

Привет всем, я работал над торговой страницей, я настроил все с помощью flexbox, когда я показываю более 4 элементов на странице, все работает нормально, но когда я показываю только 3 элемента или меньше, flexbox делает странные вещи

вот...

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

Это мой код. Imgur — это то, что я хочу...

Недавно я восстановил резервную копию веб-сайта WordPress, используя хостинговую платформу Hostinger. После завершения процесса восстановления я заметил, что весь мой собственный CSS, добавленный в раздел WordPress «Дополнительный CSS», отсутствует....

Выделите текст на этой веб-странице, а затем щелкните в любом месте документа. Ваш выбор исчезнет.

Есть ли способ предотвратить такое поведение, когда пользователь нажимает на определенный элемент, с помощью CSS или Javascript?

Например:

var...

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

Document

that is my head section

Coffee .

close
Home
Products...

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

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

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

У меня есть такая структура макета по умолчанию. Но когда я посещаю, например, компонент app-home, его высота и ширина равны 0. Подход с :host, вероятно, не очень хорош, потому что мне нужно применить это к каждому компоненту, который будет создан....

У меня проблема с отключенными стилями CSS для -webkit-scrollbar. Похоже, что браузеры не могут отключить его после его применения.
Я создал пример, демонстрирующий проблему:
Первоначальные собственные прокрутки (я использую Macos):

При нажатии...

Я настраиваю баннер для сайта. Баннер состоит из изображения и текста поверх него, вот код:

.banner_div{
background-image: url(/images/banner.jpg);
width: 100%;
height: 100%;
background-size: contain;
}

Line 1Line 2

Мне нужно, чтобы...

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

Поэтому я хочу, чтобы img отображался

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