Вопросы с меткой [css]

CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
26 показов

Плавное смешивание и замена картинок в галерее JavaScript

У меня есть гелерея с картинками, над ней несколько ссылок при клике на которых меняется содержание У меня это реализовано при помощи data-*, но при такой реализации я не могу сделать требуемые ...
Dmitrii Chizhov's user avatar
0 голосов
0 ответов
15 показов

Python Selenium как найти элемен в модальном (всплывающем) окне?

Как Найти в элемент в дочернем всплывающем окне (Modal Dialog) ? используется Selenium ver 4. Id элемента присутствует.
almaz's user avatar
  • 613
0 голосов
1 ответ
20 показов

Фиксированный header с шириной контейнера

На сайте есть контейнер, внутри которого находится header. Внутри хедера две навигационные панели по бокам, позиционированные с помощью flex Html <header className={styles.header}> &...
asd qwe's user avatar
-3 голоса
1 ответ
55 показов

Растолкуйте эту запись на css (ее везде суют)

.custom-checkbox:checked+label::before { border-color: #0b76ef; background-color: #0b76ef; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%...
Pitruha's user avatar
  • 11
0 голосов
1 ответ
40 показов

Как в js сделать ссылку верхнего блока не кликабельной при fixed со скроллингом?

У меня есть рабочий джаваскрипт, реализующий наезд на верхний блок. Он с fixed. При скроллинге контента, блок плавно исчезает. Однако, в блоке есть ссылки, которые остаются кликабельными. В результате,...
milcheloveck's user avatar
0 голосов
0 ответов
19 показов

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

Я сделал кнопку, при нажатии на которую разворачивается меню. По мере уменьшения экрана блок header__menu уходит за пределы сайта. Умоляю, помогите мне пожалуйста я вообще тупой делал 6 часов и ...
SvyaT_T x Sigma's user avatar
0 голосов
1 ответ
19 показов

Как прописать путь к файлу CSS?

Файл index.html видит CSS файл style.css, при этом когда прописываю путь к тому же CSS файлу но из другого html-файла, то он его не видит (на странице сайта ничего не применяется), перебрал уже ...
notchyZz's user avatar
-1 голос
0 ответов
14 показов

почему миксин не работает

Я не могу найти свою ошибку, по какой причине в одной директории виден миксин, а в другой выдает ошибку и пишет что его не существует, уже перепроверял действительно ли все работает в других местах, ...
tempuser_name's user avatar
0 голосов
1 ответ
36 показов

Элемент содержит 2 других элемента. Как расположить один из них центрально?

Не могу найти решения похожей проблемы. Есть 3 элемента, контейнер, содержащий 2 других элемента, изображение и диалоговое окно. Изображение должно располагаться слева, а диалог быть посередине ...
Nagliel's user avatar
0 голосов
1 ответ
21 показ

Как выровнять div элементы в 1 строку

Столкнулась с проблемой, почему то элементы не хотят становиться в 1 строку в header. Не хочу использовать bootstrap пока сама не разберусь в css. Как можно это исправить? HTML <!DOCTYPE html> &...
Кира Кира's user avatar
0 голосов
1 ответ
33 показа

Как сделать чтобы было по 2 блока в строке?

Уже и пробовал flex-wrap:wrap( Но мне не нужно чтобы было по одному блоку на строке, нужно чтобы было по 2 блока на строке. .Lots-of-blocks { height: 1950px; } .lots-of-block_blocks { ...
Данил Вишняков's user avatar
1 голос
0 ответов
37 показов

Вставка через шаблонные строки

есть у меня функция render() в котором я создаю блок const mainBlock = document.createElement('div'); mainBlock.classList = 'aboutMe'; mainBlock.innerHTML =` <div class="...
Вугар М.'s user avatar
0 голосов
0 ответов
27 показов

Покрутка по блокам мышью html

я использую Scrollspy из bootstrap, нажимая на определенные ссылки происходит автоматическая прокрутка до блока, как добавить возможность прокрутки по блокам с помощью мыши. Если я нахожусь в самом ...
Паскаль Ионеско's user avatar
0 голосов
0 ответов
23 показа

Как сделать так, чтобы при наводке на кружок всплывал текст | svg

[![Как сделать, чтобы было также][1]][1] function createSeat(x, y, row, col) { const seat = document.createElementNS("http://www.w3.org/2000/svg", 'circle'); const ...
khairullovruslan's user avatar
0 голосов
1 ответ
21 показ

Как изменить привязанный файл стилей HTML через JS

В HTML-файле указано: <link rel="stylesheet" href="css/style.css" id="main_theme"> Как на JS при определённом событии изменить href на другой файл?
Егор Кирьяков's user avatar
0 голосов
1 ответ
33 показа

Почему свойство margin-top так себя ведёт?

Почему строчка margin-top: 100px сдвигает родительский элемент элемента с классом container на 100 пикселей вниз , а не тот элемент, где эта строчка прописана? Вот код: body { margin: 0px; ...
Jim Korbett's user avatar
0 голосов
0 ответов
25 показов

chrome-error: в HTML выдает ошибку

Не удалось считать сопоставление источника для chrome-error://chromewebdata/: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:&...
Arkhipov Artyom's user avatar
-1 голос
0 ответов
18 показов

Плавное перемещение картинки за экран [закрыт]

как сделать плавное перемещение картинки вправо при скролле вниз,картинка полностью скрывается за экраном
aurelio3mailru's user avatar
0 голосов
1 ответ
52 показа

Вращающаяся сфера

Как создать сферу, которую можно вращать, как в Google Earth? Также интересует, как сделать приближение к указанной точке на сфере и разбиении её на более мелкие полигоны, которые можно будет выбрать? ...
M I S T E V's user avatar
0 голосов
0 ответов
28 показов

Стилизация скроллбара в декстоп версии google chrome

В проекте настроены стили для скроллбара, но после обновления chroma в его декстопной версии скроллбар стал снова широким. В других браузерах и мобильной версии chroma всё работает. В чем может быть ...
user588008's user avatar
0 голосов
0 ответов
18 показов

Недопустимое значение свойства в медиа-запросе

Возможно ли использовать VW единиц в медиа-запросе? ошибка в width вот мой код: @media (min-width: 1300px) and (max-width: 1640px) .hotstringscont { width: calc(1300px +((100vw - 1300px) / 2)); ...
neotsuda8's user avatar
1 голос
3 ответа
60 показов

Весь Адаптив на сайте в vw это нормально?

Я только начал разбираться в адаптиве на сайте и задумался, почему бы не написать все стили в vw и не прописывать media запросы под каждый элемент, на сколько это нормально? Так делают? Если нет, то ...
Anuchkin Artem's user avatar
-1 голос
2 ответа
47 показов

Как сверстать такой блок для широкого экрана и в адаптиве, даны две картинки?

Даны изображения на широком экране и в адаптиве. Не могу понять как это верстается.
Стас Липчанский's user avatar
-2 голоса
0 ответов
27 показов

(метод start и stop) не работает [закрыт]

Стараюсь написать код по задаче,но не получается,частично функционал есть,но остальные будильники кроме первого не работают,при вызове метода stop вне зависимости от таймера метод start перестает ...
богдан's user avatar
0 голосов
1 ответ
35 показов

Как исправить функционал ползунка для смены фото работу которого ломает подключение карусели?

Есть ползунок который позволяет скрывать-открывать изображения до-после. Изначальное решение Хочу сделать карусель из большего количества такого плана слайдов, но при подключении slick слайдера ...
Вася's user avatar
  • 4,482
0 голосов
0 ответов
35 показов

Центрирование подменю bootstrap

Мне надо подменю отцентрировать в аккурат между ORANGE буквой а в логотипе и иконкой Пользователя /* ============ desktop view ============ */ @media all and (min-width: 992px) { .navbar .nav-...
zort warut's user avatar
0 голосов
0 ответов
22 показа

Не работает flex: 1 [закрыт]

Не могу понять, почему не работает flex: 1. Нужно, чтобы блок растягивался на все свободное поле, но чтобы не толкал другой блок за экран. <div className={style.wrapper}> <div className=...
Lui Wei Hon's user avatar
0 голосов
0 ответов
23 показа

изменить расположение маркера у <ul>

Хочу стилизовать маркер li::marker { font-size: 18px; } отвечает за его размер и центрирует относительно размера текста, но как изменить расположение?
tempuser_name's user avatar
1 голос
0 ответов
46 показов

CSS Возможно ли заменить стили части фразы без дополнительных тегов?

Есть довольно частая задача от дизайнеров, по разукрашиванию конкретных частей фразы заголовков в отдельные цвета. Пример. Большенство версий в верстке сводиться к добавлению сторонних тегов в фразу, ...
BlackStar1991's user avatar
0 голосов
0 ответов
15 показов

404 Not Found при попытке загрузить CSS файлы. Spring

Делаю сайт на Spring-е с использованием JWT токенов и столкнулся с проблемой загрузкой css файлов. Смотрел в чем проблема и в консоли разработчика (F12) обнаружил проблему у style.css - 404 Not Found, ...
heiphin7's user avatar
-2 голоса
0 ответов
47 показов

Что лучше использовать на сайте с точки зрения быстродействия (PageSpeed Insights): небольшое видео с 3Д эффектом или около 20 фотографий?

Есть задача сделать 3Д анимацию на сайте при скролле (например, открытие ноутбука или двери). Встал вопрос по реализации с отсутствием замечаний от Google PageSpeed Insights. Что будет грузиться лучше ...
Валерий Ламанов's user avatar
0 голосов
0 ответов
16 показов

Почему кнопка обрезается на ios?

.rectangle-29 { width: 211px; background-color: white !important; color: black; border-style: solid; border-color: #2c2a3b; border-width: 0.5px; cursor: pointer; -webkit-...
Виталий Тимонин's user avatar
0 голосов
1 ответ
34 показа

Проблема со вложенными grid

Есть макет ниже. На нём сетка, которая заполняется в зависимости от высоты родителя, с блоками, которые содержать слово, белое и красное числа. Числа выравнены по правому краю по вертикали. В текущей ...
user23664600's user avatar
-1 голос
1 ответ
26 показов

Не инкрементируется счетчик counter в css

<main> <h1 class="page-title">nth-child</h1> <section class="example"> <div class="container"> <h2 class="example-title&...
Mr.Marshal's user avatar
0 голосов
0 ответов
21 показ

Подчеркивание гиперссылки при наведении без использования :hover в вёрстке писем Outlook

Верстаю письмо для email рассылки. В качестве почтового клиента используется Outlook. В нем недоступны псевдо-классы и многие теги и стили. Совсем нет идей, как я могу сделать подчеркивание ...
elSasen's user avatar
-1 голос
1 ответ
46 показов

Как сделать счетчик статистики в html с js

Задумка такая есть блок с статистикой типа наши достижения. В блоке 10 лет на рынке 985 успешных проектов и тд. Хочу сделать так чтобы когда сайт открылся в этом блоке 985 набрался с 0, как progress ...
Avanlock's user avatar
-1 голос
2 ответа
67 показов

Эффект бесконечной бегущей строки

<a href="#" class="btn btn-primary hero-btn"> <span>Button</span> </a> Подскажите, возможно ли реализовать эффект бесконечной бегущей строки (чтобы текст ...
Smekalinho's user avatar
0 голосов
0 ответов
21 показ

Верстка письма для gmail,как убрать дефолтные margin-block?

при создании письма столкнулся с трудностями ,в отличие от других почтовых клиентов,в которых все отображается корректно . Письмо приходящее на gmail не имеет свойств margin-block которые были ...
xczcxzzxc's user avatar
0 голосов
1 ответ
59 показов

Некорректно работает якорное меню внутри блока со скроллом

UPD Запускать примеры кода нужно в маленьком размере, на всю страницу не разворачивать. Проблема возникает именно тогда, когда не все пункты меню видны изначально, и до них нужно скроллить мышкой. ...
Danila's user avatar
  • 1,067
-3 голоса
0 ответов
23 показа

Как сделать так,что при вводе нужного пароля пользователя false менялось на true и его перекидывало на другую страницу? [дубликат]

вообще не понимаю как это сделать, в ютубе и интернете ничего такого не нашёл
Синдикат's user avatar
0 голосов
2 ответа
36 показов

Как сделать с помощью flex-box меню где два блока с элементами будут располагаться по противоположным краям экрана

Вот меню которое пытался повторить: Надписи в навигации это 1 div, контент с правой стороны другой, можно ли с помощью flex поместить их по разным краям, или же на примере это реализовано иначе? Я ...
For study's user avatar
-1 голос
2 ответа
61 показ

Случайное появление и автоматическое перемещение элементов html с помощью js

Всем привет. Хочу сделать, чтобы изображения(сердца) появлялись случайным образом на экране, перемещались вверх, немного в бок разные стороны и исчезали, становясь прозрачными, затем они начинают ...
Вячеслав Билецкий's user avatar
0 голосов
0 ответов
18 показов

Ошибка в CSS файле, связанная c rotate() [дубликат]

Всем привет!Я написал анимацию для кнопки, но при выполнении анимации с transform: rotate() кнопка двигается вправо, чего быть не должно.Я сделал 3 класса, которые включают в себя фрагменты анимации, ...
user587492's user avatar
0 голосов
1 ответ
38 показов

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

.photo-services { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 120px; } .photo-services__item { margin-bottom: 80px; max-width: 400px; } ....
Alexander's user avatar
-1 голос
1 ответ
25 показов

Долгая загрузка страницы

Всем привет! Очень долго подгружается страница, хотя скриптов нет и вообще страничка лёгкая, лишь несколько изображений в формате jpg. Кроме того, даже когда страница подгружена при скролле сперва ...
Forever young's user avatar
1 голос
1 ответ
34 показа

Как получить значение css custom properties в sass

Хочу отказаться от использования scss переменных в пользу  css custom properties. Но как оказалось  css custom properties нельзя использовать в media queries.  Для создания миксинов с брейкпоинтами ...
fr3xit's user avatar
  • 13
0 голосов
1 ответ
44 показа

Почему между картинками расстояние разное?

.block_hair { height: 600px; background-color: #fbf6f0; } .block_hair-items { display: flex; justify-content: space-between; } .block_hair-window { margin-top: 30px; text-align: center; }...
Данил Вишняков's user avatar
0 голосов
0 ответов
17 показов

Ошибка при добавлении в простой проект библиотек reac, react-dom, babel

Если добавить эти библиотеки, то появляется ошибка, если добавить к проекту пустой js-файл. Путь к js-файлу прописан верно, в папке с html файлом он присутствует. Если убрать строку src="areact....
Jim Korbett's user avatar
0 голосов
1 ответ
32 показа

Не могу понять как исправить проблему с позиционированием [закрыт]

Только начал учить css и html и столкнулся с проблемой. Пишу текст в блоке и из за него начинают съезжать сами блоки. css свойства: .header2_modules { margin-top: 205px; font-weight: 700; font-...
Goose's user avatar
  • 3
-2 голоса
1 ответ
28 показов

Не видна css переменная в MUI модалке <DIalog/> React

Начал писать приложение на реакт, столкнулся с проблемой, так как забыл mui модалку порталом ставит, из-за чего в модалке нету доступа к CSS переменной темы, так как при открытии модалки ее компонента ...
The nTaXa's user avatar