CSS - Страница 592

Я новичок в программировании на JavaScript и пытаюсь создать сетку 16 x 16. Раньше я писал код на Python и Java, и ни один из них на самом деле не использует элементы и теги, как вы, для веб-разработки.
скриншот
Я нашел учебник, но я пытаюсь понять,...

Я хочу создать эту фигуру с помощью CSS, но не могу заставить работать верхний правый угол.
введите здесь описание изображения
это весь код, который у меня есть.
ul.rounded-tabs li {
display: inline-block;
background: #ccc;
margin: 0 40px;
padding:...

вот это, в режиме просмотра с телефона
* {
font-family: inter, sans-serif;
margin: 0;
padding: 0;
}

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-size: cover;
background-position: center center;
background:...

Я пытаюсь составить кроссворд таким образом, чтобы его можно было просмотреть в Интернете и распечатать для фактического решения головоломки. Результат должен хорошо выглядеть на листе формата А4 или аналогичном, а также иметь место для записи...

Мне нужно выровнять элемент по краю его «прародителя».
Вот пример кода:

Итак, элементы .parent будут располагаться внутри строки, что будет зависеть от ширины элемента #grandparent. Мне нужно, чтобы каждый элемент .child...

Я работаю над пользовательским интерфейсом книжной полки в Next.js, используя Framer Motion для анимации и Tailwind CSS для стилизации. Каждая книга представляет собой интерактивный элемент li с функциями наведения и щелчка. Проблема, с которой я...

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

...

sample datea 1
sample datea 2
sample datea 3

......

Я использую html2canvas и jsPDF для создания PDF-файлов. Загруженный PDF-файл должен выглядеть как предварительный просмотр документа, но у меня возникли проблемы с макетом таблицы. В частности, текст в столбцах таблицы не переносится должным...

На странице, содержащей таблицу Handsontable, я определил класс:

.redCell {
background: #FF0000 ;
}

Затем в исходном коде я вызываю метод « setCellMeta() »:

hot.setCellMeta(row, column, 'className', 'redCell');
hot.render();

Но, к...

Для контекста: я считаю, что этот код в настоящее время работает только в Chrome, поскольку это относительно новый CSS.
Я не уверен, является ли это ошибкой или я плохо понимаю CSS/браузеров/документа.
Я использовал комбинацию интерполяции размера и...

Я новичок в использовании свойства CSS clip-path и создал фигуру, которая почти соответствует моим требованиям.
Я хочу создать следующую фигуру однако я изо всех сил пытаюсь преобразовать квадраты в круги.

.ticket {
background-color: blue;...

Я храню таблицы стилей в {root}/styles, а изображения — в {root}/images для веб-сайта.
Как указать путь в таблицах стилей для поиска в каталоге изображений указанных изображений?

например. В фоновом изображении: url('/images/bg.png');

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

Я использую следующий код для трехмерного вращения в Tailwind:
Hello World
Hello World
Hello World
...

Но по оси z никаких изменений не происходит. Кстати, я установил «npm install -D Tailwindcss-3d» и добавил его в файл Tailwind.config.js...

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

Это происходит почти на всех страницах, кроме Главная и Свяжитесь с нами....

Добрый вечер.
Я пытался реализовать кнопку, которая использует путь SVG для определения ее формы и последующей анимации при наведении.
Я создал анимацию, и она отлично работает с SVG, но моя проблема заключается в том, как замаскировать кнопку с...

У меня есть оболочка div.container, внутри которой находится div.children. Я устанавливаю позицию:sticky для первого дочернего элемента. У меня работает нормально в направлении:ltr, однако в направлении:rtl липкие элементы не работают.
Я не уверен,...

Похоже, что когда я использую float и % для ширины, другие элементы div исчезают

css:

#banner {
margin-top: 30px;
}

#container {
width: 80%;
margin: auto;
}

.right {
Float: right;
}

.topimage {
background: url(img1.jpg)...

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

Я использую семейство шрифтов Alegreya из Google Fonts на своем веб-сайте. Похоже, что Google убрал функцию использования шрифтов с прописными буквами, поэтому, хотя у Алегрейи есть прописные буквы (см. ниже), они, похоже, не работают с Google...

Это пример кода, в котором я пытаюсь разместить текст под изображением в привязке.
У меня возникают проблемы, если в HTML больше элементов, а браузер сворачивает изображение, а текст не выравнивается

output-'Text', а также изображение и текст под...

У меня есть следующий контент:

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

Но если я поставлю свойство масштабирования в...

здесь мы используем «container-type: size», чтобы привязать отступы и размер шрифта к размеру контейнера, но это свойство «container-type» не поддерживается в версиях браузеров старше 2022 года, из-за чего во многих в браузерах и мобильных телефонах...

У меня есть веб-приложение .NET 8 Blazor с именем Contoso, которое включает библиотеки классов Razor LibA и LibB. LibA находится в том же решении Visual Studio, а LibB — в другом решении.
Когда я запускаю веб-приложение, оно генерирует таблицу...

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

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