Вопросы с меткой [css]
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
28,439
вопросов
0
голосов
1
ответ
51
показ
Как стилизовать таблицу?
Каким образом можно стилизовать таблицу таким образом. Нужно некоторые строки объединять (группировать и выделять таким вот образом.
Искал в гугле, задавал вопрос в chat gpt) не нашел ответа(
1
голос
1
ответ
21
показ
Модальное окно со скроллом контена и фиксированной шапкой
Всем привет! Не могу сделать модальное окно, с фиксированной шапкой и скроллом контента. Контент скроллится не до конца, только несколько первых элементов. Маленкая высота указана для примера.
....
0
голосов
1
ответ
35
показов
Как сделать фиксированное расстояние между слайдами в слайдере?
Всем привет. Помогите пожалуйста. У меня на сайте имеется слайдер из 8 слайдов с бесконечной прокруткой. По умолчанию на экране отображается 4 слайда, дальше с помощью кнопок справа можно переключать ...
0
голосов
1
ответ
55
показов
Как растянуть backrground image?
Коллеги, добрый день. Появилась проблема, background image секции расстягивается не полностью,у одной секции встал как надо, а у другой секции он выходит не во всю ширину. Ниже покажу все на ...
0
голосов
1
ответ
37
показов
Как убрать белую полосу между секциямиб background image?
Всем привет, как убрать белую полосу между секциями?
Вот код секций и их backroung image:
.header {
background-image: url('../img/hero.jpg');
background-repeat: no-repeat;
background-size: cover;
...
0
голосов
1
ответ
25
показов
Не работает border
Всем привет, написал таблицу, в ней две строки, и каждой строке border-top+border-bottom, но это почему то не работает, что я делаю не так?
.about-us__section-content-row {
border-top: 1px solid ...
-1
голос
1
ответ
59
показов
Как добавить эти верхние штуки [закрыт]
нужно добавить эти верхние элементы
0
голосов
1
ответ
29
показов
Плавная анимация заголовка
Хотелось бы сделать плавную анимацию скроллирования текста для заголовков при наведении мыши на карточку товаров , а также с возможнотью двигать заголовок по горизонтали захватом заголовка левой ...
0
голосов
1
ответ
68
показов
Как создать плавную анимацию перехода между страницами сайта?
Можно ли это сделать только через css и html, или с добавлением js?
Мне нужна анимация, когда я нажимаю на какую-либо ссылку или кнопку, которая ведет на следующую html страницу сайта, и в это время ...
0
голосов
2
ответа
58
показов
Закругленная кнопка с градиентом
Всем привет! Не могу сверстать кнопку чтобы она была закругленная, да еще и с градиентым бордером, может кто-то такое реализовал и мог бы поделиться, был бы благородный, ниже пример кнопки которая ...
0
голосов
1
ответ
21
показ
Проблема с перезагрузкой сайта на React
Почему страница перезагружается при каждом нажатии на кнопку "Ваши интересы". Как исправить данную проблему?
import logo from './logo.svg';
import './App.css';
import './styles/style.css'...
0
голосов
2
ответа
42
показа
фильтр JS. событие нажатия кнопки
Только начал изучение JS. Подскажите пожалуйста как привязать перебранный массив productDinner к кнопке Dinner? Что бы отображались только завтраки а остальные элементы страницы исчезали. И так нужно ...
1
голос
3
ответа
46
показов
Появляется пробел между двумя блоками CSS, как исправить?
Вот мой код, не знаю почему так происходит, но не могу решить.
* {
margin: 0;
padding: 0;
font-family: 'Press Start 2P', cursive;
cursor: url("img/imgonline-com-ua-Resize-...
1
голос
2
ответа
77
показов
Как менять цвет svg-sprite?
Собственно, как составить каскад в css, чтобы поменять цвет svg в спрайте?
Перепробовал много разных вариантов, в итоге - ничего не получилось.
Если просто вставить код svg в html - таких проблем не ...
1
голос
1
ответ
14
показов
Как перенести часть текста на другую строку в блочной структуре?
Подскажите можно ли перенести текст вот так?
Такой перенос вообще возможен? Смог реализовать только перенос по блокам:
.breadcrambs__content ul {
display: flex;
flex-wrap: wrap;
list-style: ...
1
голос
1
ответ
18
показов
Есть 2 <ul> (списка) по 5 <li> (элементов) в ряд, как их же адаптировать под мобильные устройства в 2 столбца
Есть контейнер, в нём 2 списка с разными классами, но с одинаковыми стилями. Они расположены горизонтально (по 5 штук) на компьютере.
.nextSection {
width: 90%;
}
.container {
display: flex;
...
0
голосов
0
ответов
18
показов
transition выполняется в отладчике, но не выполняется без него
Есть такая менюшка:
<div class="menu-item d-flex justify-content-end align-items-center">
<button class="menu-button" id="servises">Servises</...
0
голосов
1
ответ
26
показов
Что-то не импортируются таблицы css
Хочу объединить в style.css все другие таблицы (header,nav и тд) и подключать только его к html, однако есть какая-то ошибка которую я не вижу, а также имеется ошибка в консоли браузера.
Путь к файлам
...
-1
голос
0
ответов
31
показ
как сделать фильтра товара JS
Подскажите пожалуйста как отфильтровать объект, что бы при нажатии на кнопку оставались с заданным id товары а остальные скрывались ?
<h1>Our menu</h1>
<div class="line&...
0
голосов
0
ответов
32
показа
Смена расположений блоков при уменьшении ширины окна браузера
Всем привет. Не могу понять, почему у меня при сужении экрана опрокидывается на высший блок и так пока не достигнет хедера. То есть, перекидывает ровно на начало предыдущего блока. Когда я нахожусь на ...
1
голос
1
ответ
23
показа
Как определить начало круговой диаграммы не по часовой стрелке?
Подскажите пожалуйста как начать круговую диаграмму не по часовой стрелке, а наоборот слева-направо?
.diagram-inner {
--percentage: 40;
--border-thickness: 4px;
--main-color: #27b510;
--w: ...
0
голосов
2
ответа
52
показа
Эффект движения объекта наверх с остановкой скролла
Прошу оказать небольшую помощь. Задача стоит в реализации решения с услугами, как на сайте https://www.cobramusicagency.com/ (проскролить до раздела "услуги агентства").
Есть div внутри ...
1
голос
1
ответ
22
показа
::before появляется неполностью
Есть , к нижней части которого нужно добавить svg картинку, однако при добавлении её на left: 0;
bottom: -6px; (сама картинка высотой 6px), то она не появляется и добавляется вертикальный скрол.
Вот ...
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-...
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">
...
0
голосов
1
ответ
39
показов
Как сделать, чтобы :hover не работал на мобильных экранах в @media?
Мне нужно, чтобы :hover не работал у тега (a) и тега (button).
Я нашёл решение в том, что нужно писать :hover отдельно в @media, а не в общих стилях. Но я не уверен, что это верный способ решения. ...
1
голос
1
ответ
54
показа
Не изменяется ширина ячеек таблицы css
Всем привет! Ни в какую не получается изменить ширину ячеек. Получается результат как на картинке
Мне нужно уменьшить ширину столбца кратность(чтобы он был по ширине такой же как объем), подогнать ...
0
голосов
3
ответа
37
показов
Как сделать карточки flex бокса одного размера
Как сделать подобную реализацию во flex боксах? Нужно чтобы при уменьшении экрана карточки переносились на другие строки и расширялись. Но есть проблемма, если карточек не ровно 6 штук, тогда при ...
0
голосов
3
ответа
24
показа
Как задать стили элемента, когда на странице он представлен двумя соседями?
Например, на странице идёт: <img><img>
Как задать стили, которые бы применились к <img>, когда это два соседа, и не применялись к одиночным <img>?
0
голосов
0
ответов
20
показов
слайдер с помощью библиотеки swiper
Делаю на сайте блок логотипов партнеров. Установив библиотеку swiper через npm импортирован объект в JS. Слайдер отображается на сайте, при клике мышки есть движения влево и вправо. Но кнопки стрелок ...
0
голосов
2
ответа
47
показов
Как добавить иконку внутрь кнопки с помощью HTML и CSS?
Как добавить иконку в формате PNG или SVG внутрь кнопки силами HTML и CSS?
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 ...
0
голосов
0
ответов
16
показов
Авто отправка готового css кода по FTP
Есть gulp файл для преобразования scss кода в css:
// Основной модуль
import gulp from "gulp";
// Импорт путей
import { path } from "./gulp/config/path.js";
// Импорт общих ...
0
голосов
0
ответов
16
показов
flex-shrink не работает корректно с img в WebKit (движок Safari)
У меня есть страница где должны быть расположены элементы: картинка и тег form с полями. Задана ширина 40% для картинки и 60% для формы и соотвествующий gap для расстояния между ними. При уменьшении ...
1
голос
0
ответов
20
показов
На картинку с классом .projects__img нужно наложить градиент, не могу сообразить в какой класс его прописать чтобы работало
На картинку с классом .projects__img нужно наложить градиент, не могу сообразить, в какой класс его прописать, чтобы работало. Изображение задано в html тегом img.
.project__img {
width: 1150px;
...
0
голосов
0
ответов
23
показа
Как адаптировать кнопки для версии на мобильном?
Нужно сделать так что бы они были в два ряда на мобильном а не в один.
.social_as {
padding:0;
font-family: 'Roboto Condensed', sans-serif;
}
.social_as ul {
position:relative;
...
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"...
0
голосов
0
ответов
26
показов
С помощью чего можно реализовать эффект «карточек» при скролле сайта?
https://biotech.artlife.ru/ на этом сайте, при скролле, секции как бы надвигаются друг на друга, как карточки. Не могу понять как сделать такой эффект? Может кто-то встречал реализацию на codepen или ...
0
голосов
0
ответов
28
показов
Не работает меню
Меню вставлено в сайте через iframe, отдельно страница с меню собственно работает
главная страница:
<!DOCTYPE html>
<html>
<head>
<title></title>
<...
-1
голос
1
ответ
41
показ
Отсутствие заголовка в карточке товара. Серый цвет заголовка
Есть компонент, выводящий разделы, подразделы каталога и элементы разделов каталога
C:\OpenServer\domains\mytechnoshop.ru\catalog_goods\index.php
<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/...
0
голосов
2
ответа
56
показов
Как сделать так, чтобы при клике на кнопку менялся цвет каждого слова в тексте с помощью JS?
Кликаешь на кнопку. После клика каждое слово в тексте по очереди начинает менять цвет с интервалом в 1 секунду. К примеру: цвет текста белый. Сначала 1 слово становится красным, проходит секунда ...
1
голос
1
ответ
43
показа
как сделать картинки наискосок которые движутся вперёд
Как в html и css сделать так чтобы картинки были наискосок и при этом двигались вперёд из далека. Как показано на скрине.
0
голосов
0
ответов
28
показов
Как адаптировать динамичесткое меню?
Есть задача которую ни как не пойму как решить, подскажите хотя бы с чего начать.
Есть меню составляемое динамически из базы данных
Нужно если не помещается в блок добавлять кнопку ЕЩЁ
!!! Ширина не ...
0
голосов
0
ответов
17
показов
cannot read properties of undefined [дубликат]
Пишу ТуДу лист, добавление тасок работает, но только один раз. Подскажите в чем проблема.
Ссылка на КодПен - https://codepen.io/kwaido/pen/BaqddyE
const STATUS = {
TODO: 'To Do',
DONE: 'Done',
}
...
0
голосов
0
ответов
14
показов
В Gulp сборке есть коллекция собственных снипетов, написаны они правильно с точки зрения синтаксиса, но при попытке их вызвать, они не срабатывают
В проекте не получается воспользоваться готовыми сниппетами, подскажите, как исправить это
0
голосов
0
ответов
60
показов
тег html сдвигается в chrome при анимации
Написал функцию для анимации при доскроливании до элемента. Проблема в том, что почему-то тег html сдвигается иногда, не понимаю, почему такая проблема. Замечаю это в Chrome. Пробовал в Firefox, не ...
0
голосов
2
ответа
19
показов
Почему блок не центирируется в дочернем блоке grid?
Хочу в блоке с классом "a" разместить компоненты и чтобы поверх их в этом же блоке открывалось модальное окно в родительском блоке display: fixed;
Вот код:
<div style="display: grid;...
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;
...
0
голосов
0
ответов
23
показа
Как сделать, что бы блок с position fixed стоял на месте, а не двигался вниз при заполнении контентом страницу
У меня есть react-компонент, в котором есть блок Ему в scss задан position fixed, дабы он оставался на месте, но он двигается при заполнении контентом страницу. Как это решить?
// LeftMenu
import {
...
0
голосов
2
ответа
56
показов
Как сделать такой вырез в фоне [закрыт]
подскажите как сделать такой вырез в виде восьмёрки у фоновой заливки