CSS - Страница 662

Вопрос для новичков: я пытаюсь заставить мои кнопки (т. е. .audiobutton) на странице index.html масштабироваться по размеру вместе с фоновым изображением, сохраняя при этом то же соотношение сторон. Сейчас кнопки (которые также являются...

У меня есть значок на веб-странице:

https: //i.sstatic.net/CJcLK.png

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

У меня есть div 48x48, внутри него есть элемент img, я хочу вписать его в div, не теряя ни одной части, при этом соотношение сохраняется, достижимо ли это с помощью html и css? >

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

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

Я использую класс CSS для мигания

.blink {
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
-webkit-animation-duration: 1s;
}

но в проводнике это не...

Обновление: подтверждено, что это ошибка Chromium, и она устранена начиная с версии 132.0.6825.0. Вероятно, потребуется еще несколько недель, чтобы увидеть это в стабильной версии Chrome.
Скриншот того, как это выглядит после исправления:...

На этом рисунке, если вы видите справа это на самом деле 2013 год, но он обрезается, и в окончательно сгенерированном PDF-файле появляется только 20.
фрагмент кода моего html-шаблона

Title

@font-face {
font-family: Roboto ;
src: url(...

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

Доброго времени суток. Я не смог найти его в Интернете. Как сделать надпись над инпутом, плюс чтобы фон для метки был прозрачным. При этом граница ввода не закрывала метку. Буду рад любой помощи)
К сожалению, это происходит только при монохромном...

:root {
--theme-color: #f00;
--input-brdr: var(--theme-color);
}

.dark {
--theme-color: #fff;
}

input {
border: 2px solid var(--input-brdr);
}

--input-brdr не меняется на белый, когда родительский класс темный. Есть ли обходной путь или что-то...

Я пытаюсь выполнить переход при наведении курсора мыши на миниатюру с помощью CSS, чтобы при наведении курсора градиент фона исчезал. Переход не работает, но если я просто изменю его на значение rgba() , все работает нормально. Градиенты не...

Пожалуйста, просмотрите приведенный ниже код и дайте мне решение, как скрыть
узкую линию, которая выглядит как граница внутри таблицы
`
html,
body {
margin: 0;
padding: 0;
height: 100%;
background: #FFFFFF;
}

.sub-heading {
color: #595959;...

Я загружаю изображение с сервера. Я подтвердил, что загружается весь файл. Первое изображение — это то, что отображается, второе изображение — это то, что есть на сервере. Обратите внимание, что верхние 10 % (почти) отсутствуют в отображаемом...

Я экспортировал свое изображение из Figma в формате SVG, оно объединяет 11 других изображений для создания этого коллажа. Он не отображается в Safari. Ни на моем MacBook, ни на моем iPhone, но в Chrome он отображается нормально. Что не так? Вот...

Я новичок в html/xml/css и изо всех сил стараюсь этому научиться. Однако я столкнулся с проблемой, которую не смог решить поиск в Google.

Я хотел бы разместить небольшое изображение в фиксированном месте относительно другого элемента(?)

Я считаю,...

Каждый раз, когда я открываю эту страницу на своем веб-сайте, я получаю дополнительные невидимые ссылки, которые создают пустое место в моем меню и нижнем колонтитуле:
https ://i.sstatic.net/oTxxYMeA.png

Я проверил меню, чтобы убедиться, что...

Как отключить масштабирование двойным касанием в Safari для мобильных устройств?
Существуют некоторые правила поведения по умолчанию: с текстом это каким-то образом зависит от размера шрифта. Другие типы элементов также допускают двойное касание и...

Я экспортировал свое изображение из Figma в формате SVG, оно объединяет 11 других изображений для создания этого коллажа. Он не отображается в Safari. Ни на моем MacBook, ни на моем iPhone, но в Chrome он отображается нормально. Что не так? Вот...

Похоже, недавно вышло обновление Google Chrome, из-за которого текст после преобразования: Scale() становится размытым. Конкретно я делаю это:

@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}

50% {
opacity: 1;...

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

Здравствуйте, я использовал следующее и добавил во «Внешний вид» собственный CSS
#billing_first_name, #billing_last_name,
#billing_city, #billing_address_1 {
text-transform: uppercase;
}

А на моей странице оформления заказа, когда клиент...

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

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

Мне было поручено изменить данный код, использующий сетку CSS, на код, использующий макет CSS flexbox.
Это была заданная структура HTML:

something.jpg

Item 1

Price: €8

Details

something.jpg

Item 2

Price: €5/p>

Details

...(4 more...

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

Homepage
Discover new cars from Legendary Brands such as Ferrari, Mercedes or Your One and Only Bugatti
Click here!

const pages = ;

const...