CSS - Страница 364

Hello I have 3 elements:
1- a rectangle div (a)
2- a full rounded image (b) in the center of (a)
3- a text (c) that transition in the center of screen from left to right
My question is it possible to make (c) appears only within the image (b)? that...

Я испытываю проблему с моим приложением Django, развернутой на железной дороге, где изменения CSS не отражаются на живом сайте, даже после успешных развертываний и очистки кэша браузера. (whitenoise.middleware.whitenoisemiddleware и...

Как я могу получить тот же результат, используя Tailwind.
Я работаю с Tailwind более точно с сетью, когда я хочу использовать Auto-fit в Tailwindcss, он генерирует конфликт.grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

Подробнее...

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

Я получаю следующие ошибки на моем веб -сайте:

Error: There are multiple templates named 'velvet'. Each template needs a unique name. 1b1a247fc034d5089f331ec9540138ff6afd5f39.js:75:306
The stylesheet was not loaded because its MIME type,...

Я учусь из книги «Spring Boot in Action» (глава 2) . Я выполняю шаги по созданию проекта по чтению . Все работает нормально , за исключением одной вещи : my External Style.css файл не применяется на страницу рендерированной. Вот что у меня есть:...

Как разрешить несколько линейных текстов для ввода типа = текст ?
Например, у меня есть текст, который называется «Меня зовут Кришна, и я новичок здесь»
Это значение текста, которое я хочу отображать в нескольких строках. class = Snippet >

myname...

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

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

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

.Stars {
--percent: calc(var(--rating) / 5 * 100%);
display: inline-block;
font-size:...

Я недавно закончил обучение Python и теперь хочу продолжить путешествие в веб -разработку. Я не уверен, должен ли я перейти к разработке фронта (например, HTML, CSS, JavaScript) или непосредственно погрузиться в бэкэнд-структуры, такие как Django...

Я хочу получить прокрутку с большим пальцем, больше, чем трек. Lang-CSS PrettyPrint-Override > .custom_scrollbar::-webkit-scrollbar {
width: 1px;

}
.custom_scrollbar::-webkit-scrollbar-track {
background-color: rgb(255, 255, 255);...

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

Я использую Vite для компиляции активов для моей пользовательской темы WordPress. Проблема в том, что мои локальные домены разработки используют .test tld вместо домена .com . Если у меня есть URL-адреса с жестким кодом в typography.scss , мне...

У меня есть следующие html и css:

.container {
border: 2px solid black;
width: 1500px;
height: 700px;
margin: 40px auto;
display: flex;
justify-content: center;
}

.sidebar {
background-color: palevioletred;
flex: 100%; /* shorthand for flex: 1...

Я пытаюсь добавить анимацию в SVG. Он отлично работает в браузерах на базе Webkit, но на iOS Chrome и Safari анимация очень медленная. Вот страница, которую я пытаюсь оживить. Вот соответствующий код ...

const HomeHeading = styled.svg`
margin:...

Я испытываю проблемы совокупного сдвига макета (CLS) с изображениями в моем проекте Nuxt 3 с использованием Tailwind CSS. Несмотря на реализацию контейнеров по соотношению сторон и правильные размеры изображений, мои изображения по-прежнему вызывают...

У меня есть страница Parallax, которая работает (достаточно хорошо) на компьютерных мониторах: высота изображений составляет 100 вм, а ширина составляет 100%. Когда я смотрю на одну и ту же страницу на телефоне, сама параллакс работает, но высоты...

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

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

У меня есть следующие html и css:

.container {
border: 2px solid black;
width: 1500px;
height: 700px;
margin: 40px auto;
display: flex;
justify-content: center;
}

.sidebar {
background-color: palevioletred;
flex: 100%; /* shorthand for flex: 1...

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

У меня есть карты с заголовком, краткое описание и кнопку. нет.
e.g. Для названия я не могу просто сделать его фиксированной высотой, потому что названия имеют динамическую длину, и некоторые карты имеют одну строку, в то время как у других есть...

Я хочу использовать шрифт Google Roboto на моем веб-сайте, и я следую этому руководству:

Я загружал Файл. Это:

Теперь у меня есть три вопроса:

Media/css/main.css url. Итак, где мне нужно поместить эту папку? использует это

@font-face...

Я пытаюсь точно имитировать свое устройство в Chrome devtools и нуждается в некоторых разъяснениях.
Мое фактическое устройство имеет разрешение 1220 × 2712 пиксели с DPR (соотношение пикселя устройства) 3 . Чтобы соответствовать ему, я создал...

Что мне нужно сделать, с точки зрения HTML /CSS, чтобы разработать веб -страницу, аналогичную Project Tango и соответствующему журналу

, за которыми я увеличиваю (через браузер настольных компьютеров) до 200%, схема веб -сайта, и все навигационные...

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