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

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

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

Слайды накладываются друг на друга

Добавил слайдер-swiper на сайт, всю работу с ним закончил (помимо адаптива), но заметил что слайды накладываются друг на друга, хотя у других такого просто не происходит. Вот код: const swiper = ...
Ismail N9's user avatar
0 голосов
0 ответов
12 показов

Как настроить vs code для работы с sass(не конвертор!)

Подскажите пожалуйста, как настроить Visual Studio Code для работы с Sass. Мне не нужно конвертировать код, а именно подсказки как в стоке с Css, подсветка синтаксиса и тд. Пробовал плагин "Sass (...
Ivan Kachula's user avatar
0 голосов
1 ответ
24 показа

Единый стиль с разным цветом

есть кнопка переключатель, и необходимо ее использовать многоразово, но цвет необходимо менять нашла в документации, что можно использовать var и инитиализировать ее в root, что я и сделала, а как ...
Dev18's user avatar
  • 294
0 голосов
1 ответ
11 показов

Position:fixed не работает при media запросе

Я хочу, чтобы при изменении ширины экрана sticky контейнер, закрепляющийся в верхней части экрана (top:10px), становился fixed и закреплялся в нижней части экрана (bottom:0) Я делаю это через @media ...
Марсель Юлдашев's user avatar
0 голосов
2 ответа
40 показов

как сверстать такой блок с изгибами?

Не понимаю как сверстать такой блок с бордером и обходом цифры с изгибами. Подскажите пожалуйста
Oleg Dobrynin's user avatar
0 голосов
0 ответов
18 показов

Вопрос о статических файлах в Django

Ребят, мне нужно реализовать с помощью Django несколько функций. Для реализации каждой функции я буду использовать отдельный Django-проект и приложение. Чтобы django корректно обрабатывал статические ...
Dream's user avatar
  • 35
0 голосов
1 ответ
41 показ

Не работает progress bar

Суть его в том что у меня 10 вопросов(в проекте), и 11 квадратиков в прогресс баре, прогресс бар прибавляется и меняет ширину в положительную сторону, а "пустая часть" меняется в ...
ykoshevenko's user avatar
0 голосов
0 ответов
23 показа

Тип сглаживания текста на веб-странице

Браузер Chrome (Windows 10) работает с двумя вкладками. В одной из них отображается Gmail, и на этой странице все шрифты имеют серое сглаживание. Также в соседней вкладке того же браузера на другой ...
carcinogen75's user avatar
0 голосов
0 ответов
28 показов

Многоуровневое меню, окрашивание пунктов меню

Подскажите, пожалуйста. Нужно окрашивать пункт меню, из которого выпадает новый список меню с пунктами. Это работает с пунктами главного меню, но с остальными списками нет. Думаю, что дело в position ...
mr. Donut's user avatar
0 голосов
0 ответов
28 показов

Не применяется height:100%

Не срабатывает height:100%; .project-title{ font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 50px; line-height: 120%; color: #151417; margin-bottom: 50px; } ....
Maxim Orlov's user avatar
0 голосов
0 ответов
20 показов

Как сделать тултип выше скролла?

Как сделать тултип выше скролла? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> * { ...
uitsuuiuitsu's user avatar
-2 голоса
0 ответов
21 показ

помогите... застрял в flexbox css [дубликат]

как расположить все кнопки купить одном уровне
Abubakr Shomirsaidov's user avatar
-1 голос
1 ответ
37 показов

JavaScript. Гонки

Всем привет. Пример учебный. Мне нужно доделать этакую эмуляцию гонок. Логику гонок и финиша я уже продумал. Вопрос вот в чем: "Как сделать одновременный старт сразу нескольких машин (по сути ...
StudentMarat's user avatar
0 голосов
1 ответ
25 показов

Как подключить стили к layout в Razor Pages?

У меня есть собственно созданный _LayoutIndex.cshtml, для страницы Index. Мне нужно подключить к нему стили ( _LayoutIndex.cshtml.css). Как это сделать? Мой код в Layout <!DOCTYPE html> <...
Александра Трупова's user avatar
0 голосов
0 ответов
9 показов

GSAP как сохранить параметры?

Всех приветствую, проблема такая: У меня на сайте в разработке есть кнопка, которая при скролле фиксируется вверху окна и находится там при скролле вниз за границей вьюпорта, при скролле вверх эта ...
Ivan Malovichko's user avatar
-1 голос
0 ответов
17 показов

график смен в виде таблицы [закрыт]

как можно реализовать график смен, чтобы можно было выбирать месяц, также сотрудников из базы данных. и чтобы в таблице автоматически заполнялись ячейки смен 2/2, допустим
Татьяна's user avatar
1 голос
0 ответов
35 показов

В WebGL приложении пропадает русский язык и видео фон

сделал приложение на Unity и использовал технологию WebGL, хочу загрузить на Яндекс игры, но есть две проблемы. На всех серверах на которых запускал приложение исчезает русский язык. Английский язык, ...
LeWeX's user avatar
  • 11
0 голосов
1 ответ
38 показов

Добавление блока div ломает хедер

Не понимаю в чем проблема. Есть блок nav с двумя дивами внутри. И все, в общем-то, не так уж плохо, но только до тех пор пока я не вставлю ниже, в секции main один див. Каким-то совершенно не ...
Vasiliy Markov's user avatar
0 голосов
0 ответов
35 показов

Как запускать анимацию только когда она появляется в поле видимости anime.js

Я уже сделал анимацию на anime.js, но она проигрывается после прогрузки страницы, а хочется чтобы только когда я до неё доскроливал. Я думаю использовать ScrollTrigger, но может кто лучше разбирается ...
Серёжа Сучалкин's user avatar
0 голосов
0 ответов
26 показов

Изменение ширины блоков

Имеется три колонки(блока) одинаковой ширины, как сделать, что бы при изменении размеров окна уменьшалась сперва ширина правого блока до ширины контента внутри него и после начать изменять ширину ...
helldrg's user avatar
  • 1,139
0 голосов
0 ответов
15 показов

Как улучшить качество отображаемого фото в moodle?

В moodle сделали через код отображение фото пользователя прямоугольным, а качество отображение плохое. Как это можно исправить? Или это где-то в коде сжимается качество отображения? .pagelayout-...
Sdf's user avatar
  • 1
-1 голос
1 ответ
39 показов

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

Нужно разместить в документе в вертикальный ряд несколько фотографии. Каждой фотографии сопоставить ссылки + и - имитируя голосования за нее. Сбоку от фотографии отображать прямоугольник, длина ...
user21993501's user avatar
1 голос
0 ответов
16 показов

Уменьшите влияние стороннего кода и Задайте правила эффективного использования кеша для статических объектов , для JivoChat и Google Analytics

Всем привет у меня такая проблема, проверяю свой сайт на Google PageSpeed выводит вот эти проблемы И не могу решить данную проблемы. не понимаю что нужно сделать Добавил всем скриптам async или defr ...
Anna's user avatar
  • 11
1 голос
0 ответов
28 показов

Предзагрузка картинок из под background-image

Я делаю сайт и заказчику понадобилась анимация смены картинок на заднем фоне. Задний фон у меня отрисовывается в элементе div и свойством background-image. И теперь еще и анимируется. Но при анимации ...
Vladimir's user avatar
0 голосов
1 ответ
57 показов

Подскажите пожалуйста, как сверстать вот такую фигуру?

Вот такая фигура на макете, не понимаю, как это лучше сверстать. Я хотела перекрыть кругом верхнюю часть, но не получается из-за box-shadow 1: https://i.stack.imgur.com/bPHru.png
Alina_ 's user avatar
0 голосов
0 ответов
21 показ

Как убрать тряску при убирание скролла?

Когда я открываю popup окно, скролл убирается и контент сдвигается правее, как я могу от этого избавиться?` const openButtonRelationsCustom = document.querySelector('.product__order '); if(...
Moty's user avatar
  • 11
0 голосов
0 ответов
24 показа

Расчет высоты родительского блока при позиционировании дочерних элементов

Есть секция с несколькими элементами, в которой 2 элемента имеют position:absolute. Как задать высоту секции, чтобы вместить и div и эти 2 дочерних элемента? Их высота будет меняться, т.к. делаю ...
Анастасия Неко's user avatar
0 голосов
1 ответ
53 показа

Как разместить текст на картинке

HTML <div class="boxs"> <div class="box1"> <a href = "#"> <div class="card-image"><img ...
imo717's user avatar
  • 23
0 голосов
0 ответов
39 показов

как разместить скрол поверх контента, а не сбоку?

как разместить скрол поверх контента, а не сбоку? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <...
uitsuuiuitsu's user avatar
0 голосов
0 ответов
23 показа

Как плавно скрывать и раскрывать ряды в display grid?

Нужно сделать раскрывающийся блок с display grid и карточками Пробовал сделать grid-template: repeat(2, 1fr) / repeat(auto-fit, minmax(370px , 1fr)); grid-auto-rows: 0; но карточки которые не ...
Маленький Поттер's user avatar
1 голос
1 ответ
37 показов

CSS эффект для текста

Подскажите пожалуйста, как реализовать такой эффект в CSS, и если можете, подскажите как такой эффект называется, я даже не до конца понимаю "как его гуглить"
Angus123's user avatar
  • 2,535
3 голоса
1 ответ
78 показов
+100

Не работает использование элемента <symbol> в SVG в качестве CSS-маски

Есть файл SVG с кучей иконок. Структура файла простая: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" display="none"> <...
Инквизитор's user avatar
0 голосов
0 ответов
32 показа

Как обратиться к предыдущему элементу?

Есть слайдер у которого есть центральный слайд с классом "active". Центральный слайд меняется при переключении слайдера. Как обратиться (задать стили) предыдущему классу "active" ...
Sergey Wave's user avatar
-2 голоса
0 ответов
18 показов

Немогу сделать анимацию и функцию вращение кейса для сайта [закрыт]

Уже как 3-4 дня немогу решить эту проблему. И решился задать вопрос здесь. Хочу сделать анимацию врашение кейса для сайта. Но никак не получается. Создал canvas закинул фото они двигаются ...
Нурбек Тиланбаев's user avatar
0 голосов
0 ответов
16 показов

Создание полупрозрачного бордера

Встретил такой занятный бордер на пинте, может кто делал что-то похожее, подскажите как можно реализовать.. Пробовал маской повесить но все идет вкривь и вкось
emptyman's user avatar
  • 464
0 голосов
1 ответ
23 показа

Почему у меня не работает код? [дубликат]

В моём опроснике правильный ответ должен красится в зелёный, а неправильный в красный, однако это не происходит: html: function markAnswer() { var answers = ["c"]; var radioElements = document....
ykoshevenko's user avatar
0 голосов
0 ответов
22 показа

Скрол неправильно работает с картинкой

У меня почему то неправильно работает скрол. Если я нажать мышкой на изображение происходит событие mousemove и не отключается, при отпускание кнопки. Хотя при нажатие на фон- все работает норм. Буду ...
Pavel 's user avatar
  • 191
0 голосов
0 ответов
20 показов

Справка по команде @include sсss

Видел в коде @include font('Work Sans', 400); Искал в интернете @include sсss, но хорошей справки по этой команде не нашел. Приведите хорошую справку по этой команде.
Михаил Филиппов's user avatar
0 голосов
0 ответов
36 показов

Текст в разных блоках

Реально ли сделать такое: блоки (на подобие предварительного просмотра страниц перед печатью в ворде), которые скриптом наполняются текстом. После вставки строки проверяется высота блока, в ...
Gestalta's user avatar
0 голосов
0 ответов
36 показов

как сделать плавное открытие и закрытие модалки?

Что я хочу? Я хочу сделать с помощью transition или анимации плавное открытие и закрытие, то-есть сперва появляется модалка и враппер. Потом при закрытии сперва уходит враппер и потом скрывается ...
Dias's user avatar
  • 45
1 голос
1 ответ
27 показов

Картинка заслоняет уголки у блока

Сделал у текстового блока уголки с помощью двух прямоугольников псевдоклассов При изменении z-index у изображения оно начинает закрывать уголки Код: *{ margin: 0; padding: 0; } :root{ ...
Dmitry's user avatar
  • 107
0 голосов
1 ответ
37 показов

Блоки одной высоты

Задача заключается в том, чтобы сделать блоки с рамкой одинаковой высоты в независимости от содержимого. Сейчас это все держится на min-height, но это не то что нужно( .about-main-title { span {...
Denis's user avatar
  • 77
0 голосов
0 ответов
18 показов

Font-dislay: swap и смещение макета

Проблема заключается в следующем. Задал подключение пользовательского шрифта и свойство font-display: swap @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-...
alexsun7's user avatar
1 голос
1 ответ
37 показов

Почему псевдо элемент(.todo-item__span::after) появляется не по середине?

Проблема заключается в том что при клике на .todo-item__span::before элемент .todo-item__span::after появляется в нижнем правом углу, а должен по середине. .todo-item__container-field { ...
NANO_996's user avatar
  • 201
0 голосов
1 ответ
38 показов

Как добавить header когда страница скролится вверх?

Как сделать так что-бы когда скроллим страницу хедер пропадает. Но если он проскролить вверх , хедер снова появляется на любом участке. Спасибо addWindowScrollEvent = true; const header = ...
powerg's user avatar
  • 79
1 голос
1 ответ
26 показов

Как добавить класс другому блоку в зависимости от слайда swiper.js?

Я использую для слайдера библиотеку swiper.js. Мне необходимо в зависимости от текущего слайда, добавлять класс для header, для того, чтобы текст в нем был другого цвета. Желательно решение на js.
niskofly's user avatar
0 голосов
0 ответов
29 показов

Переключение слайдов в swiper slider

На данный момент когда я в thumbs переключаю слайды, то активный слайд сразу передвигает контейнер, а не идет к нижнему слайду. Сейчас все наглядно покажу. Сейчас у меня вот так а надо при нажатии на ...
Moty's user avatar
  • 11
1 голос
1 ответ
58 показов

Анимация svg элемента (движущийся пар над стаканчиком кофе)

Как сделать анимацию движения паров над стаканчиком? Чтобы все три волны двигались одинаково синусоидально(как змея), но при этом были статичны(неподвижны). Я пробовал SVGator , SVG Artista , svg path,...
Rusnus's user avatar
  • 11
0 голосов
0 ответов
17 показов

Tooltip съезжают при скролле

У меня на странице элементы(tooltip) который при наведение должны отображать информацию, но почему-то они сьезжают Как это можно исправить? const QuestiontooltipRed = document.querySelector('....
Moty's user avatar
  • 11
0 голосов
0 ответов
30 показов

Почему не отображается checkbox при клике?

Почему не отображается checkbox при клике на него ? Код отвечающий за checkbox: export default function TodoItem(props) { const { text, id, handleRemove, handleEditing } = props; const [...
NANO_996's user avatar
  • 201