Вопросы с меткой [css]
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
28,433
вопроса
0
голосов
0
ответов
5
показов
Слайды накладываются друг на друга
Добавил слайдер-swiper на сайт, всю работу с ним закончил (помимо адаптива), но заметил что слайды накладываются друг на друга, хотя у других такого просто не происходит. Вот код:
const swiper = ...
0
голосов
0
ответов
12
показов
Как настроить vs code для работы с sass(не конвертор!)
Подскажите пожалуйста, как настроить Visual Studio Code для работы с Sass. Мне не нужно конвертировать код, а именно подсказки как в стоке с Css, подсветка синтаксиса и тд. Пробовал плагин "Sass (...
0
голосов
1
ответ
24
показа
Единый стиль с разным цветом
есть кнопка переключатель, и необходимо ее использовать многоразово, но цвет необходимо менять
нашла в документации, что можно использовать var и инитиализировать ее в root, что я и сделала, а как ...
0
голосов
1
ответ
11
показов
Position:fixed не работает при media запросе
Я хочу, чтобы при изменении ширины экрана sticky контейнер, закрепляющийся в верхней части экрана (top:10px), становился fixed и закреплялся в нижней части экрана (bottom:0)
Я делаю это через @media ...
0
голосов
2
ответа
40
показов
как сверстать такой блок с изгибами?
Не понимаю как сверстать такой блок с бордером и обходом цифры с изгибами. Подскажите пожалуйста
0
голосов
0
ответов
18
показов
Вопрос о статических файлах в Django
Ребят, мне нужно реализовать с помощью Django несколько функций. Для реализации каждой функции я буду использовать отдельный Django-проект и приложение. Чтобы django корректно обрабатывал статические ...
0
голосов
1
ответ
41
показ
Не работает progress bar
Суть его в том что у меня 10 вопросов(в проекте), и 11 квадратиков в прогресс баре, прогресс бар прибавляется и меняет ширину в положительную сторону, а "пустая часть" меняется в ...
0
голосов
0
ответов
23
показа
Тип сглаживания текста на веб-странице
Браузер Chrome (Windows 10) работает с двумя вкладками. В одной из них отображается Gmail, и на этой странице все шрифты имеют серое сглаживание.
Также в соседней вкладке того же браузера на другой ...
0
голосов
0
ответов
28
показов
Многоуровневое меню, окрашивание пунктов меню
Подскажите, пожалуйста. Нужно окрашивать пункт меню, из которого выпадает новый список меню с пунктами. Это работает с пунктами главного меню, но с остальными списками нет. Думаю, что дело в position ...
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;
}
....
0
голосов
0
ответов
20
показов
Как сделать тултип выше скролла?
Как сделать тултип выше скролла?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
* {
...
-2
голоса
0
ответов
21
показ
помогите... застрял в flexbox css [дубликат]
как расположить все кнопки купить одном уровне
-1
голос
1
ответ
37
показов
JavaScript. Гонки
Всем привет. Пример учебный. Мне нужно доделать этакую эмуляцию гонок. Логику гонок и финиша я уже продумал. Вопрос вот в чем: "Как сделать одновременный старт сразу нескольких машин (по сути ...
0
голосов
1
ответ
25
показов
Как подключить стили к layout в Razor Pages?
У меня есть собственно созданный _LayoutIndex.cshtml, для страницы Index. Мне нужно подключить к нему стили ( _LayoutIndex.cshtml.css). Как это сделать?
Мой код в Layout
<!DOCTYPE html>
<...
0
голосов
0
ответов
9
показов
GSAP как сохранить параметры?
Всех приветствую, проблема такая:
У меня на сайте в разработке есть кнопка, которая при скролле фиксируется вверху окна
и находится там при скролле вниз за границей вьюпорта, при скролле вверх эта ...
-1
голос
0
ответов
17
показов
график смен в виде таблицы [закрыт]
как можно реализовать график смен, чтобы можно было выбирать месяц, также сотрудников из базы данных. и чтобы в таблице автоматически заполнялись ячейки смен 2/2, допустим
1
голос
0
ответов
35
показов
В WebGL приложении пропадает русский язык и видео фон
сделал приложение на Unity и использовал технологию WebGL, хочу загрузить на Яндекс игры, но есть две проблемы.
На всех серверах на которых запускал приложение исчезает русский язык. Английский язык, ...
0
голосов
1
ответ
38
показов
Добавление блока div ломает хедер
Не понимаю в чем проблема.
Есть блок nav с двумя дивами внутри. И все, в общем-то, не так уж плохо, но только до тех пор пока я не вставлю ниже, в секции main один див. Каким-то совершенно не ...
0
голосов
0
ответов
35
показов
Как запускать анимацию только когда она появляется в поле видимости anime.js
Я уже сделал анимацию на anime.js, но она проигрывается после прогрузки страницы, а хочется чтобы только когда я до неё доскроливал.
Я думаю использовать ScrollTrigger, но может кто лучше разбирается ...
0
голосов
0
ответов
26
показов
Изменение ширины блоков
Имеется три колонки(блока) одинаковой ширины, как сделать, что бы при изменении размеров окна уменьшалась сперва ширина правого блока до ширины контента внутри него и после начать изменять ширину ...
0
голосов
0
ответов
15
показов
Как улучшить качество отображаемого фото в moodle?
В moodle сделали через код отображение фото пользователя прямоугольным, а качество отображение плохое. Как это можно исправить? Или это где-то в коде сжимается качество отображения?
.pagelayout-...
-1
голос
1
ответ
39
показов
Нужно сделать голосование для фотографии с непонятной мне концепцией [закрыт]
Нужно разместить в документе в вертикальный ряд несколько фотографии. Каждой фотографии сопоставить ссылки + и - имитируя голосования за нее. Сбоку от фотографии отображать прямоугольник, длина ...
1
голос
0
ответов
16
показов
Уменьшите влияние стороннего кода и Задайте правила эффективного использования кеша для статических объектов , для JivoChat и Google Analytics
Всем привет у меня такая проблема, проверяю свой сайт на Google PageSpeed выводит вот эти проблемы
И не могу решить данную проблемы. не понимаю что нужно сделать
Добавил всем скриптам async или defr
...
1
голос
0
ответов
28
показов
Предзагрузка картинок из под background-image
Я делаю сайт и заказчику понадобилась анимация смены картинок на заднем фоне. Задний фон у меня отрисовывается в элементе div и свойством background-image. И теперь еще и анимируется. Но при анимации ...
0
голосов
1
ответ
57
показов
Подскажите пожалуйста, как сверстать вот такую фигуру?
Вот такая фигура на макете, не понимаю, как это лучше сверстать. Я хотела перекрыть кругом верхнюю часть, но не получается из-за box-shadow
1: https://i.stack.imgur.com/bPHru.png
0
голосов
0
ответов
21
показ
Как убрать тряску при убирание скролла?
Когда я открываю popup окно, скролл убирается и контент сдвигается правее, как я могу от этого избавиться?`
const openButtonRelationsCustom = document.querySelector('.product__order ');
if(...
0
голосов
0
ответов
24
показа
Расчет высоты родительского блока при позиционировании дочерних элементов
Есть секция с несколькими элементами, в которой 2 элемента имеют position:absolute. Как задать высоту секции, чтобы вместить и div и эти 2 дочерних элемента? Их высота будет меняться, т.к. делаю ...
0
голосов
1
ответ
53
показа
Как разместить текст на картинке
HTML
<div class="boxs">
<div class="box1">
<a href = "#">
<div class="card-image"><img ...
0
голосов
0
ответов
39
показов
как разместить скрол поверх контента, а не сбоку?
как разместить скрол поверх контента, а не сбоку?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<...
0
голосов
0
ответов
23
показа
Как плавно скрывать и раскрывать ряды в display grid?
Нужно сделать раскрывающийся блок с display grid и карточками
Пробовал сделать
grid-template: repeat(2, 1fr) / repeat(auto-fit, minmax(370px , 1fr));
grid-auto-rows: 0;
но карточки которые не ...
1
голос
1
ответ
37
показов
CSS эффект для текста
Подскажите пожалуйста, как реализовать такой эффект в CSS, и если можете, подскажите как такой эффект называется, я даже не до конца понимаю "как его гуглить"
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">
<...
0
голосов
0
ответов
32
показа
Как обратиться к предыдущему элементу?
Есть слайдер у которого есть центральный слайд с классом "active". Центральный слайд меняется при переключении слайдера. Как обратиться (задать стили) предыдущему классу "active" ...
-2
голоса
0
ответов
18
показов
Немогу сделать анимацию и функцию вращение кейса для сайта [закрыт]
Уже как 3-4 дня немогу решить эту проблему. И решился задать вопрос здесь. Хочу сделать анимацию врашение кейса для сайта. Но никак не получается. Создал canvas закинул фото они двигаются ...
0
голосов
0
ответов
16
показов
Создание полупрозрачного бордера
Встретил такой занятный бордер на пинте, может кто делал что-то похожее, подскажите как можно реализовать..
Пробовал маской повесить но все идет вкривь и вкось
0
голосов
1
ответ
23
показа
Почему у меня не работает код? [дубликат]
В моём опроснике правильный ответ должен красится в зелёный, а неправильный в красный, однако это не происходит:
html:
function markAnswer() {
var answers = ["c"];
var radioElements = document....
0
голосов
0
ответов
22
показа
Скрол неправильно работает с картинкой
У меня почему то неправильно работает скрол. Если я нажать мышкой на изображение происходит событие mousemove и не отключается, при отпускание кнопки. Хотя при нажатие на фон- все работает норм. Буду ...
0
голосов
0
ответов
20
показов
Справка по команде @include sсss
Видел в коде
@include font('Work Sans', 400);
Искал в интернете @include sсss, но хорошей справки по этой команде не нашел. Приведите хорошую справку по этой команде.
0
голосов
0
ответов
36
показов
Текст в разных блоках
Реально ли сделать такое:
блоки (на подобие предварительного просмотра страниц перед печатью в ворде), которые скриптом наполняются текстом.
После вставки строки проверяется высота блока, в ...
0
голосов
0
ответов
36
показов
как сделать плавное открытие и закрытие модалки?
Что я хочу?
Я хочу сделать с помощью transition или анимации плавное открытие и закрытие, то-есть сперва появляется модалка и враппер. Потом при закрытии сперва уходит враппер и потом скрывается ...
1
голос
1
ответ
27
показов
Картинка заслоняет уголки у блока
Сделал у текстового блока уголки с помощью двух прямоугольников псевдоклассов
При изменении z-index у изображения оно начинает закрывать уголки
Код:
*{
margin: 0;
padding: 0;
}
:root{
...
0
голосов
1
ответ
37
показов
Блоки одной высоты
Задача заключается в том, чтобы сделать блоки с рамкой одинаковой высоты в независимости от содержимого. Сейчас это все держится на min-height, но это не то что нужно(
.about-main-title {
span {...
0
голосов
0
ответов
18
показов
Font-dislay: swap и смещение макета
Проблема заключается в следующем.
Задал подключение пользовательского шрифта и свойство font-display: swap
@font-face {
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
font-...
1
голос
1
ответ
37
показов
Почему псевдо элемент(.todo-item__span::after) появляется не по середине?
Проблема заключается в том что при клике на .todo-item__span::before элемент .todo-item__span::after появляется в нижнем правом углу, а должен по середине.
.todo-item__container-field {
...
0
голосов
1
ответ
38
показов
Как добавить header когда страница скролится вверх?
Как сделать так что-бы когда скроллим страницу хедер пропадает. Но если он проскролить вверх , хедер снова появляется на любом участке. Спасибо
addWindowScrollEvent = true;
const header = ...
1
голос
1
ответ
26
показов
Как добавить класс другому блоку в зависимости от слайда swiper.js?
Я использую для слайдера библиотеку swiper.js. Мне необходимо в зависимости от текущего слайда, добавлять класс для header, для того, чтобы текст в нем был другого цвета. Желательно решение на js.
0
голосов
0
ответов
29
показов
Переключение слайдов в swiper slider
На данный момент когда я в thumbs переключаю слайды, то активный слайд сразу передвигает контейнер, а не идет к нижнему слайду. Сейчас все наглядно покажу. Сейчас у меня вот так
а надо при нажатии на ...
1
голос
1
ответ
58
показов
Анимация svg элемента (движущийся пар над стаканчиком кофе)
Как сделать анимацию движения паров над стаканчиком? Чтобы все три волны двигались одинаково синусоидально(как змея), но при этом были статичны(неподвижны). Я пробовал SVGator , SVG Artista , svg path,...
0
голосов
0
ответов
17
показов
Tooltip съезжают при скролле
У меня на странице элементы(tooltip) который при наведение должны отображать информацию, но почему-то они сьезжают
Как это можно исправить?
const QuestiontooltipRed = document.querySelector('....
0
голосов
0
ответов
30
показов
Почему не отображается checkbox при клике?
Почему не отображается checkbox при клике на него ?
Код отвечающий за checkbox:
export default function TodoItem(props) {
const { text, id, handleRemove, handleEditing } = props;
const [...