CSS - Страница 66

/* Main Content Styling */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', serif;
}

body {
background-color: var(--primary-color);
height: 100vh;
padding: 8rem 1rem;
}

body .container {
background: var(--white-color);...

У меня есть страница cshtml, и приведенный ниже HTML-код отлично отображается в браузере ПК/ноутбука. Но в браузере мобильного телефона, например iPhone, jpg Yl8a7fN.jpeg (550x550px) не подходит, что заставляет пользователя прокручивать страницу...

Я не могу расположить синие прямоугольники на моей веб-странице рядом друг с другом по горизонтали. Не знаю, почему это происходит, потому что у меня есть display: flex и flex-direction: row для класса .box-cover. Я новичок в CSS; извините за вопрос...

Мы работаем над этим некоторое время, и все идет не так, как планировалось: любая помощь будет оценена по достоинству! Я пытаюсь создать слайд-шоу из 4 изображений, где:

На последнем изображении, когда пользователь нажимает стрелку «Далее»,...

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

/icon.svg
Name

Tab 1

.icon {...

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

Если вы откроете следующий пример в веб-браузере, вы можете увидеть четкое различие между элементом html и элементом вышележащий элемент body, несмотря на то, что им назначены одинаковые цвета фона с полной непрозрачностью. Может ли кто-нибудь...

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

На моем веб-сайте-портфолио четвертый ряд изображений (изображения 10, 11, 12) не такого же размера, как остальные, и не реагирует так же, как первые три ряда. Как это исправить, чтобы все реагировало одинаково? Разве я не меняю правильный CSS?
Я...

Вот карта исходного размера:

И мне нужно такое содержимое, если ширина равна 464 пикселя (медиа-запрос):

Когда я пробовал разные подходы, это не работало.
Вот мой код:

/Images/Highlight-Bing-Wallpaper-Giants-Causeway.avif...

Следующий код создает ползунок с левым, средним и правым маркерами. При нажатии на среднюю ручку появляется прямоугольник, который должен быть меню. Код перебирает два массива для заполнения меню. Используя F12 (в Firefox 138.0–64bit), я вижу на...

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

Заранее извиняюсь за HTML и CSS.
Я пытаюсь добавить галерею изображений на одну из моих HTML-страниц, как показано в коде ниже:

* {
margin: 0;
padding: 0;
}
body {
font-family: 'Poppins', sans-serif;
}
.wrapper {
width: 1170px;
margin: auto;
}...

Мне трудно выразить словами то, что я хочу, но я постараюсь объяснить лучше. Я хочу, чтобы JavaScript (или другое решение, если оно есть) имел доступ к текстовому файлу на статическом сайте и использовал данные из текстового файла (любым способом)....

У меня есть веб-сайт, и мне нужно обновить страницу, когда ее ширина достигнет 1024 пикселей. Это возможно?
Мне это нужно, потому что ширина < 1024 пикселей, я загружаю другой скрипт.

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

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

Может кто-нибудь помочь мне понять, почему это не работает?
Я проверил и трижды проверил, правильно ли связаны файлы js.
Я упускаю что-то действительно очевидное? Именно так они сказали использовать! :(
Что я пытаюсь использовать:

Мой код:...

Как предотвратить перекрытие строк и заставить медиа-запросы работать на больших экранах веб-страницы с помощью следующих HTML и CSS?

/**This is the CSS**/
code {
font-family:
verdana
;
font-size: 18px;
color: black;
font-weight: bold...

Я пытаюсь создать макет, в котором набор изображений:

Отображаются в одну строку.
Сохраняют индивидуальные соотношения сторон (без искажений).
Имеют одинаковую высоту для всех изображений.
Совместно заполняют всю ширину родительского...

Я пытаюсь составить список, в котором все элементы расположены в одной строке, а не наложены друг на друга.

Apple
Banana
Cherry

Но это выглядит так:
Apple
Banana
Cherry

Я хочу, чтобы это выглядело так:
Apple Banana Cherry

Есть ли...

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

Мне не хотелось добавлять и левую часть сетки. Я хотел разделить их, но это не...

Я пытаюсь создать простой макет из трех столбцов, используя CSS Grid :

левое содержимое выровнено по левому краю

правое содержимое выровнено по правому краю

средний элемент должен быть геометрически центрирован относительно всего контейнера...

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

И...

Я использую Bootstrap для упрощения рабочего процесса. Проблема началась, когда я добавил логотип на панель навигации своего веб-сайта. Я пробовал реализовать разные функции, но они никогда не работали. В файл index.html я добавил:

Это тоже не...

Как добавить индекс к произвольному столбцу HTML-таблицы с помощью
CSS? Другими словами, получите здесь 0, 1, 2 без необходимости вводить
их:

test

0
1
2

P.S. скажите, пожалуйста, как добавить индекс, например, в этот средний столбец....