CSS - Страница 618

Я попробовал создать небольшой интерактивный веб-сайт, на котором видео и изображения будут отображаться в динамической сетке. Пока что сетка для изображений работает (в основном) так, как я хочу, и показывает все изображения в сетке.
Однако, если я...

У меня возникли проблемы с некоторым распределением CSS с использованием флексбокса или макета сетки, вот в чем дело:
У меня есть контейнер со следующим расположением (75% ввода, 25% кнопки) :

Это расположение должно быть основным в рабочий стол...

когда я перезапускаю свою страницу, данные JSON, которые отправляются через HTML, сбрасываются и отправляются снова.
return redirect(url_for('work'))

это решило проблему, но когда я включил rand.rantint() в свой словарь, все изменилось и вернулось...

Вот HTML:

-

html, body {
margin: 0;
padding: 0;
height: fit-content;
display: flex;
flex-direction: column;
}
body {
font-family: Agdasima, sans-serif;
background-color: #324ebf;
position: relative;
height: fit-content;
}
header {...

Я создаю макет html/css, который должен выглядеть следующим образом:
( поле представляет собой ссылку. Чтобы расширить область активной ссылки на весь блок и обеспечить позиционирование текста внизу каждого элемента сетки, я установил каждую ссылку...

Итак, я возвращаюсь к теме переполнения стека.
Я опубликовал это пару дней назад. Разместив изображение, текст и ссылку внутри элемента сетки CSS с помощью flex
Мне удалось реализовать изображение, которое я пытался добавить на свою страницу по...

При первой загрузке страницы php в Firefox 131.0 на MacOS 10.9.5 или после очистки данных браузера и кэшированных файлов Firefox не загружает CSS. Это код для загрузки файла CSS в php:

А вот как результат выглядит в Firefox 131.0 (версия для ПК)...

.banner {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8rem;
text-align: center;
line-height: 2rem;
color: #40241E;
padding: 2rem;
margin: 15rem auto 0;
min-height:...

ПРОБЛЕМА
Привет, у меня есть JS, который манипулирует DOM, чтобы показывать/скрывать определенные элементы, когда это необходимо. Он отлично работает, когда запускается обработчик событий. Проблема в том, что когда я обновляю страницу, нажимая...

У меня есть веб-сайт с правильной реализацией темного/светлого пользовательского интерфейса с использованием TailwindCSS.
Мне интересно, есть ли способ заставить веб-сайт загружаться в темном режиме до тех пор, пока пользователь специально не...

На панели отображается одно из многих «представлений» в зависимости от его состояния.
Каждое представление представляет информацию и может взаимодействовать с пользователем
Любое из представлений может изменять состояние «панели», вызывать...

Я использую Astro и Tailwind CSS.
Из компонента Astro добавляется внешний скрипт, который создает некоторые HTML-элементы dom (и их стили).
// MyComponent.astro

В dom это отображается так:

// More code..

Мне нужно переопределить примененный...

Я делаю селектор временного диапазона и использую Bootstrap. Он должен иметь специальное фиксирование, чтобы он мог сочетаться с другими компонентами. Я заметил, что Firefox отображает текст ввода type= time немного дальше, чем Chrome, и это...

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

Так можно ли визуализировать видео в качестве фона только для заголовка, если видео воспроизводится внутри рамки?
И также h1 должен быть перед видео.
Это так? даже возможно? Я пытаюсь понять это часами...

.png

* {
box-sizing: border-box;
}...

Если я изменю размер окна, div/img в ComputerSection не сжимается, тогда как div/images в userSection сжимаются при этом.
Оба из них имеют одинаковый CSS, я использую flexbox в них обоих, и никаких других свойств flex не добавлено.
Я не могу понять...

Я использую Blazor, где у меня есть компонент для загрузки отдельной таблицы (с опциями поиска и использования сортировки). Вокруг моей таблицы есть элемент div с классом overflow-x-auto, но он все равно заставляет всю страницу выходить за пределы...

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

function App() {
return (

Lets Get Started
We are...

Я использую раскрывающееся меню выбора, которое фильтрует таблицу HTML на основе выбора пользователя. Я хотел бы использовать URL-адрес страницы, чтобы выбрать один из вариантов. Например, если я перейду по следующему URL-адресу:
Я бы хотел, чтобы...

Player please choose:

Computer's choice:

.userSection{
text-align: center;
display: flex;
flex-direction: column;
border-right: solid;
border-color: black;
border-width: 2px;
padding: 0px 100px;
flex-grow: 1;
}

#bodyDiv{
display:...

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

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

/* $( #input_13 ).find( option ).each(function (index, option) {...

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

Я искал способ реализовать функцию перетаскивания для изменения порядка элементов вкладок внутри компонента панели вкладок. Я использую ExtJS 7, и, насколько мне известно, эта функциональность была доступна только в ExtJS 4 с использованием плагина...

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