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

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

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

Как стилизовать таблицу?

Каким образом можно стилизовать таблицу таким образом. Нужно некоторые строки объединять (группировать и выделять таким вот образом. Искал в гугле, задавал вопрос в chat gpt) не нашел ответа(
Jesse's user avatar
  • 146
1 голос
1 ответ
21 показ

Модальное окно со скроллом контена и фиксированной шапкой

Всем привет! Не могу сделать модальное окно, с фиксированной шапкой и скроллом контента. Контент скроллится не до конца, только несколько первых элементов. Маленкая высота указана для примера. ....
maksim9933's user avatar
0 голосов
1 ответ
35 показов

Как сделать фиксированное расстояние между слайдами в слайдере?

Всем привет. Помогите пожалуйста. У меня на сайте имеется слайдер из 8 слайдов с бесконечной прокруткой. По умолчанию на экране отображается 4 слайда, дальше с помощью кнопок справа можно переключать ...
Rahym Charyyev's user avatar
0 голосов
1 ответ
55 показов

Как растянуть backrground image?

Коллеги, добрый день. Появилась проблема, background image секции расстягивается не полностью,у одной секции встал как надо, а у другой секции он выходит не во всю ширину. Ниже покажу все на ...
Андрей's user avatar
0 голосов
1 ответ
37 показов

Как убрать белую полосу между секциямиб background image?

Всем привет, как убрать белую полосу между секциями? Вот код секций и их backroung image: .header { background-image: url('../img/hero.jpg'); background-repeat: no-repeat; background-size: cover; ...
Андрей's user avatar
0 голосов
1 ответ
25 показов

Не работает border

Всем привет, написал таблицу, в ней две строки, и каждой строке border-top+border-bottom, но это почему то не работает, что я делаю не так? .about-us__section-content-row { border-top: 1px solid ...
Андрей's user avatar
-1 голос
1 ответ
59 показов

Как добавить эти верхние штуки [закрыт]

нужно добавить эти верхние элементы
Maxim Orlov's user avatar
0 голосов
1 ответ
29 показов

Плавная анимация заголовка

Хотелось бы сделать плавную анимацию скроллирования текста для заголовков при наведении мыши на карточку товаров , а также с возможнотью двигать заголовок по горизонтали захватом заголовка левой ...
Artem Platonov's user avatar
0 голосов
1 ответ
68 показов

Как создать плавную анимацию перехода между страницами сайта?

Можно ли это сделать только через css и html, или с добавлением js? Мне нужна анимация, когда я нажимаю на какую-либо ссылку или кнопку, которая ведет на следующую html страницу сайта, и в это время ...
Xosi San's user avatar
0 голосов
2 ответа
58 показов

Закругленная кнопка с градиентом

Всем привет! Не могу сверстать кнопку чтобы она была закругленная, да еще и с градиентым бордером, может кто-то такое реализовал и мог бы поделиться, был бы благородный, ниже пример кнопки которая ...
whoismatvei's user avatar
0 голосов
1 ответ
21 показ

Проблема с перезагрузкой сайта на React

Почему страница перезагружается при каждом нажатии на кнопку "Ваши интересы". Как исправить данную проблему? import logo from './logo.svg'; import './App.css'; import './styles/style.css'...
Иван Дмитрий's user avatar
0 голосов
2 ответа
42 показа

фильтр JS. событие нажатия кнопки

Только начал изучение JS. Подскажите пожалуйста как привязать перебранный массив productDinner к кнопке Dinner? Что бы отображались только завтраки а остальные элементы страницы исчезали. И так нужно ...
Mounty's user avatar
  • 3
1 голос
3 ответа
46 показов

Появляется пробел между двумя блоками CSS, как исправить?

Вот мой код, не знаю почему так происходит, но не могу решить. * { margin: 0; padding: 0; font-family: 'Press Start 2P', cursive; cursor: url("img/imgonline-com-ua-Resize-...
Xosi San's user avatar
1 голос
2 ответа
77 показов

Как менять цвет svg-sprite?

Собственно, как составить каскад в css, чтобы поменять цвет svg в спрайте? Перепробовал много разных вариантов, в итоге - ничего не получилось. Если просто вставить код svg в html - таких проблем не ...
Ivan Malovichko's user avatar
1 голос
1 ответ
14 показов

Как перенести часть текста на другую строку в блочной структуре?

Подскажите можно ли перенести текст вот так? Такой перенос вообще возможен? Смог реализовать только перенос по блокам: .breadcrambs__content ul { display: flex; flex-wrap: wrap; list-style: ...
powerg's user avatar
  • 79
1 голос
1 ответ
18 показов

Есть 2 <ul> (списка) по 5 <li> (элементов) в ряд, как их же адаптировать под мобильные устройства в 2 столбца

Есть контейнер, в нём 2 списка с разными классами, но с одинаковыми стилями. Они расположены горизонтально (по 5 штук) на компьютере. .nextSection { width: 90%; } .container { display: flex; ...
Alexey's user avatar
  • 31
0 голосов
0 ответов
18 показов

transition выполняется в отладчике, но не выполняется без него

Есть такая менюшка: <div class="menu-item d-flex justify-content-end align-items-center"> <button class="menu-button" id="servises">Servises</...
Den's user avatar
  • 1
0 голосов
1 ответ
26 показов

Что-то не импортируются таблицы css

Хочу объединить в style.css все другие таблицы (header,nav и тд) и подключать только его к html, однако есть какая-то ошибка которую я не вижу, а также имеется ошибка в консоли браузера. Путь к файлам ...
Chel ti's user avatar
  • 15
-1 голос
0 ответов
31 показ

как сделать фильтра товара JS

Подскажите пожалуйста как отфильтровать объект, что бы при нажатии на кнопку оставались с заданным id товары а остальные скрывались ? <h1>Our menu</h1> <div class="line&...
Mounty's user avatar
  • 3
0 голосов
0 ответов
32 показа

Смена расположений блоков при уменьшении ширины окна браузера

Всем привет. Не могу понять, почему у меня при сужении экрана опрокидывается на высший блок и так пока не достигнет хедера. То есть, перекидывает ровно на начало предыдущего блока. Когда я нахожусь на ...
mindcontrol's user avatar
1 голос
1 ответ
23 показа

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

Подскажите пожалуйста как начать круговую диаграмму не по часовой стрелке, а наоборот слева-направо? .diagram-inner { --percentage: 40; --border-thickness: 4px; --main-color: #27b510; --w: ...
powerg's user avatar
  • 79
0 голосов
2 ответа
52 показа

Эффект движения объекта наверх с остановкой скролла

Прошу оказать небольшую помощь. Задача стоит в реализации решения с услугами, как на сайте https://www.cobramusicagency.com/ (проскролить до раздела "услуги агентства"). Есть div внутри ...
Andrey Pantyukhin's user avatar
1 голос
1 ответ
22 показа

::before появляется неполностью

Есть , к нижней части которого нужно добавить svg картинку, однако при добавлении её на left: 0; bottom: -6px; (сама картинка высотой 6px), то она не появляется и добавляется вертикальный скрол. Вот ...
Chel ti's user avatar
  • 15
0 голосов
1 ответ
33 показа

Не могу выровнять картинку по горизонтали и вертикали

body { font-family: 'Be Vietnam Pro', sans-serif; background-color: #000000; } .header-nav { display: flex; justify-content: space-between; font-weight: 600; font-size: 16px; line-...
Гога's user avatar
4 голоса
3 ответа
144 показа

Существует ли хотя бы жалкое подобие backdrop-filter blur для внутренних тегов SVG?

К примеру, я хочу сделать backdrop-filter только для одной области внутри svg <svg viewBox="5 0 152 105" xmlns="http://www.w3.org/2000/svg"> <defs> <clipPath id="cp"> ...
Monkey Mutant's user avatar
0 голосов
1 ответ
39 показов

Как сделать, чтобы :hover не работал на мобильных экранах в @media?

Мне нужно, чтобы :hover не работал у тега (a) и тега (button). Я нашёл решение в том, что нужно писать :hover отдельно в @media, а не в общих стилях. Но я не уверен, что это верный способ решения. ...
David's user avatar
  • 3
1 голос
1 ответ
54 показа

Не изменяется ширина ячеек таблицы css

Всем привет! Ни в какую не получается изменить ширину ячеек. Получается результат как на картинке Мне нужно уменьшить ширину столбца кратность(чтобы он был по ширине такой же как объем), подогнать ...
anton_63's user avatar
0 голосов
3 ответа
37 показов

Как сделать карточки flex бокса одного размера

Как сделать подобную реализацию во flex боксах? Нужно чтобы при уменьшении экрана карточки переносились на другие строки и расширялись. Но есть проблемма, если карточек не ровно 6 штук, тогда при ...
Маленький Поттер's user avatar
0 голосов
3 ответа
24 показа

Как задать стили элемента, когда на странице он представлен двумя соседями?

Например, на странице идёт: <img><img> Как задать стили, которые бы применились к <img>, когда это два соседа, и не применялись к одиночным <img>?
YaroslavK's user avatar
0 голосов
0 ответов
20 показов

слайдер с помощью библиотеки swiper

Делаю на сайте блок логотипов партнеров. Установив библиотеку swiper через npm импортирован объект в JS. Слайдер отображается на сайте, при клике мышки есть движения влево и вправо. Но кнопки стрелок ...
And So What's user avatar
0 голосов
2 ответа
47 показов

Как добавить иконку внутрь кнопки с помощью HTML и CSS?

Как добавить иконку в формате PNG или SVG внутрь кнопки силами HTML и CSS?
Иван Дмитрий's user avatar
0 голосов
0 ответов
40 показов

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

HTML CSS body{ font-family: 'Gilroy-Medium','Gilroy-Bold', sans-serif; font-size: 18px; line-height: 22px; background-color: #fff; font-weight: 400; } .container{ margin: 0 ...
Гога's user avatar
0 голосов
0 ответов
16 показов

Авто отправка готового css кода по FTP

Есть gulp файл для преобразования scss кода в css: // Основной модуль import gulp from "gulp"; // Импорт путей import { path } from "./gulp/config/path.js"; // Импорт общих ...
mat's user avatar
  • 103
0 голосов
0 ответов
16 показов

flex-shrink не работает корректно с img в WebKit (движок Safari)

У меня есть страница где должны быть расположены элементы: картинка и тег form с полями. Задана ширина 40% для картинки и 60% для формы и соотвествующий gap для расстояния между ними. При уменьшении ...
Daniil Screpchenko's user avatar
1 голос
0 ответов
20 показов

На картинку с классом .projects__img нужно наложить градиент, не могу сообразить в какой класс его прописать чтобы работало

На картинку с классом .projects__img нужно наложить градиент, не могу сообразить, в какой класс его прописать, чтобы работало. Изображение задано в html тегом img. .project__img { width: 1150px; ...
Novoselova Polina's user avatar
0 голосов
0 ответов
23 показа

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

Нужно сделать так что бы они были в два ряда на мобильном а не в один. .social_as { padding:0; font-family: 'Roboto Condensed', sans-serif; } .social_as ul { position:relative; ...
Алексей Субочев's user avatar
0 голосов
0 ответов
23 показа

Не получается вставить в свойство content в css svg изображение

Не получается вставить в свойство content в css svg изображение.Буду рад любой помощи! span::after{ content: url("data:image/svg+xml;charset=UTF-8,<svg width="15" height="26" viewBox="0 0 15 26"...
Pavel 's user avatar
  • 191
0 голосов
0 ответов
26 показов

С помощью чего можно реализовать эффект «карточек» при скролле сайта?

https://biotech.artlife.ru/ на этом сайте, при скролле, секции как бы надвигаются друг на друга, как карточки. Не могу понять как сделать такой эффект? Может кто-то встречал реализацию на codepen или ...
Andrew's user avatar
  • 1
0 голосов
0 ответов
28 показов

Не работает меню

Меню вставлено в сайте через iframe, отдельно страница с меню собственно работает главная страница: <!DOCTYPE html> <html> <head> <title></title> <...
Aelir's user avatar
  • 1
-1 голос
1 ответ
41 показ

Отсутствие заголовка в карточке товара. Серый цвет заголовка

Есть компонент, выводящий разделы, подразделы каталога и элементы разделов каталога C:\OpenServer\domains\mytechnoshop.ru\catalog_goods\index.php <? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/...
bitrixfinder's user avatar
0 голосов
2 ответа
56 показов

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

Кликаешь на кнопку. После клика каждое слово в тексте по очереди начинает менять цвет с интервалом в 1 секунду. К примеру: цвет текста белый. Сначала 1 слово становится красным, проходит секунда ...
Иван's user avatar
1 голос
1 ответ
43 показа

как сделать картинки наискосок которые движутся вперёд

Как в html и css сделать так чтобы картинки были наискосок и при этом двигались вперёд из далека. Как показано на скрине.
Баз светик's user avatar
0 голосов
0 ответов
28 показов

Как адаптировать динамичесткое меню?

Есть задача которую ни как не пойму как решить, подскажите хотя бы с чего начать. Есть меню составляемое динамически из базы данных Нужно если не помещается в блок добавлять кнопку ЕЩЁ !!! Ширина не ...
feankasca's user avatar
0 голосов
0 ответов
17 показов

cannot read properties of undefined [дубликат]

Пишу ТуДу лист, добавление тасок работает, но только один раз. Подскажите в чем проблема. Ссылка на КодПен - https://codepen.io/kwaido/pen/BaqddyE const STATUS = { TODO: 'To Do', DONE: 'Done', } ...
user530333's user avatar
0 голосов
0 ответов
14 показов

В Gulp сборке есть коллекция собственных снипетов, написаны они правильно с точки зрения синтаксиса, но при попытке их вызвать, они не срабатывают

В проекте не получается воспользоваться готовыми сниппетами, подскажите, как исправить это
Serega_88's user avatar
0 голосов
0 ответов
60 показов

тег html сдвигается в chrome при анимации

Написал функцию для анимации при доскроливании до элемента. Проблема в том, что почему-то тег html сдвигается иногда, не понимаю, почему такая проблема. Замечаю это в Chrome. Пробовал в Firefox, не ...
Михаил Камахин's user avatar
0 голосов
2 ответа
19 показов

Почему блок не центирируется в дочернем блоке grid?

Хочу в блоке с классом "a" разместить компоненты и чтобы поверх их в этом же блоке открывалось модальное окно в родительском блоке display: fixed; Вот код: <div style="display: grid;...
N.Maxim's user avatar
  • 83
0 голосов
1 ответ
31 показ

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

.popup { position: fixed; z-index: 200; top: 0; left: 0px; width: 100%; height: 100%; transform: translateX(-100%); overflow-y: auto; overflow-x: hidden; ...
frontang's user avatar
0 голосов
0 ответов
23 показа

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

У меня есть react-компонент, в котором есть блок Ему в scss задан position fixed, дабы он оставался на месте, но он двигается при заполнении контентом страницу. Как это решить? // LeftMenu import { ...
Daniil Andreev's user avatar
0 голосов
2 ответа
56 показов

Как сделать такой вырез в фоне [закрыт]

подскажите как сделать такой вырез в виде восьмёрки у фоновой заливки
MihailShumilov's user avatar