CSS - Страница 435

I'm quite new to Bootstrap, I'm struggling with the grid system while trying to reproduce the following template:

In this example I have 3 Столбцы:

Первые столбцы содержит некоторую информацию /изображения. Этот столбец содержит много...

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

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

div {
font-size: 16px;
line-height: 16px;
display: inline-block;
width: 40%;
background: gray;
vertical-align: top;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad...

Я пытаюсь решить проблему с таблицами HTML. У меня есть таблица, в которой будет 6 столбцов.
, но они будут выложены на странице, как это:

Первый столбец должен иметь минимальную ширину, чтобы он мог держать до 20 символов. Если существует более...

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

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

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

Имея ниже html

.legend__list {
display: flex;
border: 2px solid rgb(241, 230, 230);
align-content: center;

.legend {
font-size: large;
color: greenyellow;

&.clan {
&::before {
content: \1F9EC ;
}
}

&.deity {
&::before {
content: \1FA94 ;
}
}...

У меня есть заголовок веб-сайта с расширяемым меню (в ширине экрана мобильных устройств), который работает очень аналогично примеру, перечисленному ниже:

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

CSS Mayout Breaking
Я попытался выпустить Swal Message (OTP подтверждено, как только OTP введен в поле ввода. Каждый раз, когда нажата кнопка подтверждения, появляется сообщение Swal, но фона сломается. Это влияет на пользовательский интерфейс...

Имея ниже html

.legend__list {
display: flex;
border: 2px solid rgb(241, 230, 230);
align-content: center;

.legend {
font-size: large;
color: greenyellow;

&.clan {
&::before {
content: \1F9EC ;
}
}

&.deity {
&::before {
content: \1FA94 ;
}
}...

У меня есть панель с вкладками на моей странице HTML. Следующие изменения должны быть сделаны в задаче. Граница - 1px тот же цвет, что и текст.

мои CSS следующие,

#my_settings ul.tab li a {
display: inline-block;
text-align: center;
padding:...

На адаптивной веб -странице, которую я создал (на основе Twitter -Bootstrap), у меня есть ряд элементов, которые не видны, если только страница не просматривается на меньших разрешениях (т.е. планшеты и телефоны).

Я обнаружил, что, по крайней...

У меня есть фоновое изображение SVG, встроенное в файл CSS в виде URL данных:

.what { background: url('data: image/svg+xml; utf8, ...

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

div {
font-size: 16px;
line-height: 16px;
display: inline-block;
width: 40%;
background: gray;
vertical-align: top;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad...

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

My Blazor Build (ASP.NET Core 9.0, против 2022) правильно генерирует селекторы Scoped для изолированных CSS:
Program.cs :
builder.WebHost.UseStaticWebAssets();

App.razor Tag:

MainLayout.razor :

The AppBar.razor.css Часть,...

Я только начинаю кодировать веб -приложение Blazor на .net 9. Я хочу знать, есть ли какой -нибудь сайт, где я могу загрузить шаблоны или темы для своих проектов и сделать их визуально красивым, так как я не очень хорош в CSS. Есть ли страница, где...

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

div {
display: inline-block;
background: gray;
text-align: justify;
word-break: break-all;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis...

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

Я попробовал несколько методов из онлайн, но не смог достичь цели. Я могу успешно изменить цвет фона и другие свойства. Я также могу успешно изменить свойства всех других элементов на одной и той же странице, кроме H3.
Проверьте элемент из браузера...

div {
display: inline-block;
background: gray;
text-align: justify;
word-break: break-all;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis...

Я работаю над макетом, где родительский элемент имеет следующие свойства:
.parent {
position: relative;
height: 350px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
display: flex;
justify-content: flex-end;
align-items: center;
}...

div {
display: inline-block;
background: gray;
text-align: justify;
word-break: break-all;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis...

I have the following problem: I have a slideshow using JScript which changes the image every couple seconds...

The image sizes may vary and therefore I created a frame containing the Image-Frame in order to prevent the rest of the page moving up...