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

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

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

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

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

Как сделать чтобы у ссылок описание появлялось в определённом месте и расположение не менялось от того где находится ссылка?

У меня есть две ссылки у которых после нажатия появляется описание. Я задал расположение первому описанию и хочу, чтобы второе описание было расположено там же где находится первое описание, но ...
David's user avatar
  • 3
0 голосов
0 ответов
8 показов

Подключать стили sx только при определнной высоте вьюпорта

Есть такая таблица <TableContainer component={Paper}> <Table sx={{ borderTop: `1px solid ${theme.palette.other.divider}`, minWidth: 500, mt: 22, }} aria-label=&...
Алексей Мелентьев's user avatar
0 голосов
1 ответ
13 показов

Как поменять stroke у path иконки?

Есть следующий Vue компонент: <template> <SettingsIcon class="settings-icon" /> </template> <script setup> import SettingsIcon from '@icons/settings.svg' </...
Meekwest's user avatar
0 голосов
1 ответ
27 показов

Кнопка фильтр работает не правильно

Вот сценарий. Сайт перезагружен, все элементы показаны(не отфильтрованы) нажимаю на кнопку-фильтр например "Машины", видно в devtools что класс добавляется , НО реакции нету, не фильтруются ...
Patrick's user avatar
  • 11
0 голосов
0 ответов
20 показов

Блок с контентом не отображается над тенью modal wrap

Все темы схожие прочла, но пока ничего так и не нашла. К modal wrap не тянется блок с контентом. Тень есть, но блок сверху не работает. .lstran { background: url(https://i.postimg.cc/QNz3WN8x/...
Nikelod's user avatar
0 голосов
2 ответа
197 показов

Как сделать слайды одинаковой высоты в swiper вне зависимости от количества контента?

Есть обычный слайдер c текстовыми слайдами. В каждом из них разное количество текста. Как сделать так, чтобы они все ровнялись по самому высокому и были его высоты? const swiper = new Swiper('....
Женя's user avatar
0 голосов
2 ответа
34 показа

Сделать background во flask, если использую bootstrap

Не могу никак растянуть картинку на весь экран. И не очень понимаю, как это корректно сделать в flask. Вот код, css подключаю в index, получается,что весь контент не на картинке, а над ней((( * { ...
Beless's user avatar
  • 1
0 голосов
1 ответ
20 показов

Не срабатывает свойство justify-content: space-between

HTML <header class="header"> <div class="left-box"> <div class="logo-box"> <a href="#"> <div ...
vi-kry's user avatar
  • 3
2 голоса
1 ответ
34 показа

как спрятать все елементы в блоке div

уже есть такая часть кода: .n5{ height: calc(450px + 100px * 2); background: linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(255,255,0,1) 50%, rgba(255,0,0,1) 100%); ...
Данило Багута's user avatar
0 голосов
1 ответ
37 показов

Как сделать анимацию аккордиону через JS

Помогите пожалуйста мне нужна анимация для аккордиона. Сам аккордион взял с интернета, а JS я пока что не знаю. Вот сам аккордион, я под себя уже переделал, но мне нужна анимация через JS, чтобы доп. ...
LowTree's user avatar
  • 21
0 голосов
1 ответ
13 показов

Dropdown Bootstrap'а проваливается под узлы Treeflex'а

Использую Treeflex CSS библиотеку для построения иерархического древа, а конкретно мой случай это последний кейс с Ancestor tree среди примеров. Нужно встроить bootstrap'овский dropdown во все узлы, ...
WGPavell's user avatar
  • 133
1 голос
1 ответ
36 показов

как правильно написать код в css для выполнения задания, изображенного на фото?

<html lang="ru"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> &...
Марцелло's user avatar
0 голосов
1 ответ
43 показа

Отображение текста и иконок с сылками на сайте HTML

Хочу сделать что-то типа такого (Скриншот #1): Код: <!DOCTYPE html> <html lang="ru" > <head> <meta charset="utf-8"> <link rel='stylesheet' href='https://...
karamzyatina's user avatar
1 голос
1 ответ
17 показов

Выравнивание инпутов в форме

Есть следующая форма: Как выровнять, чтобы инпуты были строго друг под другом? Правильно ли я сверстал структуру? <form className='form'> <div className="city"> <label ...
horoshere's user avatar
0 голосов
0 ответов
20 показов

Проблема с отоброжением при смене языка

проблема в следующем есть выпадающее окно для выбора языка сайта, при изменении всё флаги при выборе ведут себя так как требуется, но при выборе французского он в диапазона 1021-1199 падает вниз, ...
aleks92's user avatar
0 голосов
1 ответ
26 показов

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

Если применить display: flex, то не получится сделать, как на скрине ниже Вот то, как это попытался сделать я: .info { margin-bottom: 170px; } .info__title { font-size: 48px; line-height: ...
front's user avatar
  • 1
0 голосов
0 ответов
31 показ

Как сделать чтоб bold работал только на одной строчке в contenteditable

Я делаю простенький редактор текста с помощью div с contenteditable и js. Возникла такая проблема, если одни раз выполнить эту команду: document.execCommand('bold', false, string); То она применяется ...
GorkiiOgurec's user avatar
2 голоса
3 ответа
68 показов

Возможно ли на CSS реализовать прямоугольник как на картинке (куча линий заполнящих блок)

Тренируюсь в верстке, нашел такой макет. Скажите пожалуйста, возможно ли так заполнить блок не прописываю куча линий вручную? Или это обязательно картинка? Заранее всем огромное спасибо)
Danil's user avatar
  • 37
0 голосов
0 ответов
47 показов

Как уменьшить блок?

Мне нужно уменьшить эти блоки(сделать в форме квадрата). Я пытался использовать margin-right и left, но не получалось. html: <div class="Block1"> <img class="...
ykoshevenko's user avatar
0 голосов
1 ответ
24 показа

Не подключается скрипт js wordpress

Пытаюсь добавить скрипт js на wordpress, но он не подключается. CSS подключился спокойно, а вот js никак. Подскажите что не так с кодом? <?php add_action( 'wp_enqueue_scripts', function () { ...
inkyung's user avatar
-5 голосов
1 ответ
40 показов

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

[![Как сделать бордер по углам?][1]][1] Нужно сделать такой блок и бордер по углам как на скрине, не пойму как сделать
Влад Мороз's user avatar
0 голосов
0 ответов
37 показов

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

Возник такой вопрос: каким образом я могу добавить div в таблицу? Передо мной стоит задача: есть таблица с данными, при клике на лого изменения данных нужно, чтобы раскрывался div с детализацией. При ...
ANDR's user avatar
  • 55
0 голосов
1 ответ
58 показов

Как ограничить ширину span по фактически занимаемому буквами пространству?

В span есть стрелочка сортировки, она позиционируется абсолютно относительно span. Но когда происходит перенос строки, то образуется промежуток между тестом span и стрелочкой. Мне нужно, чтобы span ...
Vadim Mokrushin's user avatar
0 голосов
0 ответов
29 показов

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

Нужно в медиа правил после разрешение 576px убрать тег br где он был, в scss убираю через свойство display:none, как убирается перенос текста, то нету пробела между словами "стилизованные 3D-...
Forest_Ninjago's user avatar
0 голосов
0 ответов
34 показа

Как сделать сетку grid

Как сделать такую сетку грид как на фото(мобильная версия)? Пк версию я смог сделать сам <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
GRCR13's user avatar
  • 63
0 голосов
0 ответов
17 показов

До какого уровня\версии PyQt5 поддерживает html\css в объекте QLabel() ? И можно ли настраивать?

Пример: some_python_file.py : with open("data.html", "r", encoding = "UTF-8") as data_file: data_text = data_file.read() app = QApplication(sys.argv) Q_text = QLabel()...
RoJQ's user avatar
  • 124
0 голосов
1 ответ
24 показа

как поставить выпадающие списки в ряд?

я решил сделать 3 списка, в которых будет определённое описание, но при попытках поставить их в один ряд(лево-право), ничего не получается <div class="info"> <details> текст </...
2SeeD's user avatar
  • 3
0 голосов
0 ответов
28 показов

Как при переходе на другую страницу сохранить цвет ссылки?

Я так понимаю из за обновления страницы обработчик сбрасывается и цвет ссылки пропадает на странице которую перешел. Как решить? <a href="blog.html">Blog</a> a { display: ...
jango81's user avatar
  • 11
0 голосов
1 ответ
57 показов

React, как до загрузки основного приложения показывать прелоадер?

Всегда довольно долго просто показывается белый экран, пробовал через suspense и lazy. Но так нужно относительно долго ждать загрузки самого реакта и компонента прелоадера. Пробовал создать элемент в ...
nick's user avatar
  • 3
0 голосов
2 ответа
34 показа

Содержимое сайта, при уменьшении масштаба идет влево

Почему оно прижимается в левую сторону? Как можно решить? .kvadrat { width: 164px; height: 82px; background: rgba(0,0,0,1); opacity: 1; position: absolute; top: 0px; ...
Divi's user avatar
  • 11
1 голос
1 ответ
49 показов

Загрузила сайт на Хостинг, не работает часть скриптов [закрыт]

В общем на локальном сервере все нормально работает. Загрузила сайт на Хостинг и проблема в том, что не правильно работает animate.css и Wow.js К тому же стрелка (pageup) вообще не видит стили с css ...
Настя's user avatar
0 голосов
0 ответов
26 показов

Как сделать слайдер адаптивным

подскажите пожалуйста как можно адаптировать слайдер типа "Стало-было". На данный момент корректно отображается только на ширине 1200px.Буду рад любому решению! let $whatisPointer = $('....
Pavel 's user avatar
  • 191
0 голосов
1 ответ
35 показов

Как сделать такой карусель на swiper

Как сделать такую верстку через swiper пример карусель https://art-tehnik.ru/ скрин http://joxi.ru/BA0okeETqp0XN2 opacity: 0; transform: translateX(-50%); пробовал через css, но не так работает, как ...
mat's user avatar
  • 103
0 голосов
0 ответов
24 показа

Не получается сделать слайдер

Всем привет. У меня возникла проблема с сдвигающим слайдером. Я его сделал, но изображения стоят как то криво. Я хочу сделать как на этом сайте:https://aaa-sitrak.ru/trade-in Буду рад любой помощи! ...
Pavel 's user avatar
  • 191
0 голосов
0 ответов
16 показов

Появлениие и скрытие блока при скроллинге страницы

На этом сайте есть плавающий хэадер. Нужно что бы при скроллинге в плавающий хеадер слева дабавлялся логотип. Я добавил логотип в HTML блок плавающего хеадера, задал display: none; и далее использую ...
serj125's user avatar
0 голосов
1 ответ
46 показов

css, flexbox padding vs gap. Что лучше для отступов?

Вижу что некоторые верстают используя padding для элементов flex контейнера, но есть же gap который работает и у flex и у grid. Отступы в виде padding уже полностью устарели или у них есть какие-то ...
Alegro's user avatar
  • 11
0 голосов
0 ответов
21 показ

Как сделать так, чтобы боковое меню было на всю высоту страницы?

Сейчас боковое меню на всю высоту, но если начать прокручивать сайт вниз, то оно сразу заканчивается. Как сделать так, чтобы оно было во всю высоту сайта? aside{ float: left; background: #...
kekamur's user avatar
0 голосов
0 ответов
21 показ

Браузер неправильно отображает height

Дал всем псевдоклассам и span height: 2px; но почему то браузер отображает span толще чем псевдоклассы. Как решить? .header__burger { position: relative; width: 30px; height: 30px; } ....
jango81's user avatar
  • 11
0 голосов
0 ответов
12 показов

Не удаётся вставить картинки в слайдер изображений

Хочу сделать слайдер с картинками на сайт по гайду, до этого была 1 картинка закинутая просто на бэкграунд и всё работало (Код до:) .top__cont{ min-height: 100vh; display: flex; align-items: center; ...
Incarekt's user avatar
0 голосов
1 ответ
20 показов

Как сделать overflow hidden для body по нажатию?

Нужно, чтобы по нажатию на .btn у body появлялся overflow hidden и также исчезал по повторному нажатию на .btn. Подскажите пожалуйста как это сделать? $(document).ready(function(){ $('.btn')....
kiskiskit's user avatar
  • 427
1 голос
1 ответ
27 показов

CSS - стилизация обьектов before. after

господа! Столкнулся с такой проблемой: объект before накладывается поверх самого элемента, z-index в данном случае не работает. Подскажите, что делаю не так? .learning__list { padding-top: ...
Станислав's user avatar
0 голосов
1 ответ
43 показа

разделение ширины окна для 2 div, разных по ширине

Необходимо вертикальное меню слева контейнера, а справа от него контент(картинка). Как разделить ширину окна в пропорциях примерно 25/75.
sergeyyy's user avatar
0 голосов
0 ответов
32 показа

Неполное заполнение экрана

Ширина body 320px в инспекторе элементов, ширина окна тоже 320, откуда тогда могут браться белые полосы?(отступы?). .menu { display: flex; gap: 2rem; align-items: center; ...
Capital300's user avatar
1 голос
1 ответ
48 показов

Пытаюсь сделать всплывающее меню в HTML CSS

Вот это меню при наведении курсора должно отобразиться так И мой вопрос таков Как зафиксировать иконки на своих местах чтобы при наведении меню раскрывалось а они стояли на месте? Мой код <...
Avatar Killer's user avatar
0 голосов
1 ответ
24 показа

Проблема с переполнением элментов html css

Проблема с переполнением данных, как это исправить? Разметка компонента ниже <div className="typed_food_item_container"> <div className="...
NewDev666's user avatar
0 голосов
1 ответ
27 показов

подскажите в чем ошибка JavaScript

нужно сделать dropdown menu, при нажатии на стрелочку меню появляется на долю секунды и возвращается обратно. Как это можно исправить? const bars = document.querySelector("#bars"), strengthDiv = ...
ivaivie's user avatar
  • 41
0 голосов
1 ответ
25 показов

html, странное поведение блока при адаптиве при использовании отрицательных margin

Не могу никак решить проблему, использовал отрицательные margin для flex контейнера и padding для flex элементов чтобы сделать расстояние между ними, но при уменьшении окна просмотра появляется ...
Alegro's user avatar
  • 11
0 голосов
0 ответов
30 показов

Как правильно сделать адаптивный переход между блоками волной HTML CSS?

Нужно сделать адаптивный переход между блоками волной, на практике не в первый раз появляется такая задача, но всегда получалось это сделать сверхкостыльными способами. Не могу найти статьи как это ...
Маленький Поттер's user avatar
-3 голоса
1 ответ
50 показов

Как сделать кнопку рандома на сайте

Здраствуйте, хочу сделать кнопку на сайте при нажатии на которую открывалась случайная html страница из списка. Может кто-нибудь подсказать? Написал такой скрипт: const page = document.querySelector('...
Moriarty's user avatar