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

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

7,099 вопросов без принятого ответа или без ответа, за который были отданы голоса
Фильтрация
Сортировка
Метки
11 голосов
1 ответ
350 показов

Как исправить баг в морфинге svg?

кто силен в svg помогите пожалуйста исправить баг. https://jsfiddle.net/n19L2tam/10/ я уже пытался по разному исправить, и новый текст делал, и заменял текст изображением, но все равно в самом конце ...
Алексей Биленко's user avatar
8 голосов
0 ответов
170 показов

Размытие как эффект замороженного стекла уходит из под элемента

Вроде бы, код простой, как 2 копейки, и даже работает на 99% как надо. Но в моём браузере блюр "едет" как на скриншоте. Может быть, корявый браузер. У всех блюр на всю площадь блока, а у ...
DiD's user avatar
  • 7,576
7 голосов
0 ответов
351 показ

Node.JS минификаторы

Рендерю все страницы для юзеров на сервере, так вот мне нужно минифицировать все html, css, и js. Но есть проблема, некоторые html содержат в себе так-же css и js. То-есть тот-же js для компонента ...
KiiDii's user avatar
  • 146
6 голосов
1 ответ
3k показов

Помогите решить проблему с отображением шрифтов в Google Chrome

У клиентов нашего сервиса был замечен баг, при котором не отображается ни один шрифт на сайте. Шрифт подгружается с нашего сервера (форматы woff, ttf, eot, svg), шрифт Lato Sans. В самих стилях ...
Alex  Elmenov's user avatar
6 голосов
0 ответов
266 показов

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

Нашла вот такой вот интересный эффект для модального окна и хочу использовать его в проекте. Задача такая: на странице этот эффект будет использоваться для модальных окон, а так же для меню "...
Diana's user avatar
  • 137
5 голосов
0 ответов
202 показа

фон svg через js

Есть блок с svg, в котором меняется цвет при клике на блок. http://u558049.s54.wh1.su/metalli/app2/hestiya.html вот на этой странице. Вот скрипт, который это делает: $('.color__tabs_items .standart ....
Hard User's user avatar
5 голосов
0 ответов
105 показов

Вычисление perspective

Есть простейший блок с: width: 400px, height: 100px, угол поворота: 60 градусов, perspective: 200px задана произвольно. * { box-sizing: border-box; } html, body { padding: 0; ...
SVE's user avatar
  • 22.3k
5 голосов
1 ответ
154 показа

Анимация linear-gradient нагрузка cpu

У меня есть progress bar, нужно сделать его анимированным фоном, вот пример: .progress-bar { position: relative; overflow: hidden; height: 8px; border-radius: 5px; margin: 8px 0; ...
Artem Gorlachev's user avatar
5 голосов
3 ответа
2k показов

Подключение css к html в Java

Не удается подключить css файл style.css, который находится в папке css, html его просто не видит.. Что в моем html может быть не так? if(method.equals("GET")) { response = "<!DOCTYPE html>...
Valek Potapov's user avatar
5 голосов
2 ответа
224 показа

Наследование ячеек таблицы

Проблема заключается в том, что по макету у всех tr задан линейный градиент в background. Но если задаешь самой строчке этот самый градиент, то все td наследуют от него этот бг. Пробовал для ячеек ...
Данил's user avatar
4 голоса
1 ответ
168 показов

Как скрыть элемент пока не применится нужный шрифт?

В коде ниже, во время загрузки страницы вместо "u" генерируется знак рубля "₽" с нужными стилями. "u"  здесь выступает в качестве заглушки и без нее, к сожалению никак. &...
Dmitry_allread_return's user avatar
4 голоса
0 ответов
170 показов

Float элемент в Firefox неправильно отображается

Как исправить неправильное отображение float элемента в фаерфоксе? Пример: https://codepen.io/Ssivenkov/full/OJRwqvq В хроме отображается нормально, а в фаерфоксе почему-то появляется пустое ...
Sergei's user avatar
  • 43
4 голоса
2 ответа
63 показа

Как избавиться от рывка animation при повторном заходе на вкладку

У меня есть такая анимация облаков: @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,...
Михаил Камахин's user avatar
4 голоса
1 ответ
143 показа

Как поменять цвет у SVG вставленную через object

Не могу поменять цвет у SVG вставленную черех object. Вот так на странице вставляю SVG. Где $blockElement путь до SVG. <object type="image/svg+xml" data="<?=$blockElement['icon']?>">...
Goryyn's user avatar
  • 107
4 голоса
4 ответа
1k показов

z-index для дочернего элемента с fixed

Есть следующий код .bg{ position: fixed; top: 0; left: 0; bottom:0; right: 0; background: blue; z-index: -2; } .wrap{ border: 10px solid; position: ...
Женя Веденин's user avatar
4 голоса
1 ответ
989 показов

Позиционирование съезжает

В блоке (.result-wrapper) у меня находится сама футболка и блок position: relative. Помимо футболки в нем есть #selming и .example2 с позиционированием absolute и они поверх футболки. Но, когда ...
alikitto's user avatar
  • 734
4 голоса
0 ответов
362 показа

Бесконечная прокрутка таблицы с учетом colspan/rowspan

Как можно реализовать бесконечную прокрутку таблицы с учетом объединенных ячеек? Необходимо реализовать pivotgrid с большим количеством обрабатываемых данных. Сложность заключается в отрисовке ...
madreason's user avatar
  • 141
3 голоса
0 ответов
59 показов

Со временем замедляется requestAnimationFrame()

Простой черновик движения и коллизии на JavaScript. Вначале игры все работает нормально, но спустя секунд 30-40 движения становятся резкими и медленными. Что не так? const canvasjs = document....
bourbaki's user avatar
  • 163
3 голоса
0 ответов
1k показов

Рулетка на js html

Есть рулетка, как сделать так, чтобы оно корректно останавливалось? Все перепробовал что знаю, не получилось. <style> .roulette-inner img{ width:72px; height:72px; margin:2px; } ....
Top Gate's user avatar
3 голоса
0 ответов
53 показа

Как экспортировать html в doc

Как осуществить экспорт средствами js с сохранением стилей css... inline css не подходит... может посоветует кто чего...
Pavel42rus's user avatar
3 голоса
0 ответов
48 показов

Как залить не стандартную фигуру фоном или как обрезать фигуру нестандартно,а потом анимацией его двигать?

пробовал так,но картинку нельзя репитить и двигать ,чтоб капли скользили ,а фон можно,может еще есть какой вариант, пробовал через клипи паз но он не работает в ie подскажите <svg xmlns="http:/...
Генрих Паульс's user avatar
3 голоса
1 ответ
1k показов

Как избавиться от скачков текста при загрузке страницы

Беру шрифт с google fonts, при загрузке страницы сначала загружаются стандартные шрифты, а потом скачком шрифт меняется на шрифт с google.
daobs's user avatar
  • 49
3 голоса
2 ответа
882 показа

Меню для каталога

Очень интересует реализация приведённого ниже меню-каталога на bootstrap 4. Может быть кто-то видел такое и есть примеры/готовое решение? Видел такое меню-каталог на многих сайтах. Обычно оно в ...
Teretto's user avatar
  • 487
3 голоса
0 ответов
69 показов

Реализация анимации при скролле страницы

Всем доброго времени суток, JSFiddle: https://jsfiddle.net/kalebra/sx03krty/1/ AOS.init(); $(function() { $(window).scroll(function(){ if ($('.fir').offset().top >= '2039') { ...
Mike Tirshu's user avatar
3 голоса
1 ответ
338 показов

Добавление заднего фона, поверх другого

Чтобы было понятнее ссылка на вопрос пред идущий... Не получается добавить еще 1 background поверх другого на блок <div class="welcome" id="welcome" > .welcome, .welcome__progress { ...
Ayurpwnz's user avatar
  • 309
3 голоса
0 ответов
94 показа

как добавить новый элемент в JSON

Eсть такой код. Я хочу добавить текст в JSON, который был введен в input <!DOCTYPE html> <html> <head> <script type="text/javascript"> </script> <...
user avatar
3 голоса
0 ответов
397 показов

transform: scale деформирует текст

Писал анимацию для кнопок и столкнулся с проблемой. Когда анимация срабатывает текст на кнопке немного расплывается. Видел в интернете много обсуждений, но решения так и не нашел. Возможно вы ...
dmitro_bolva's user avatar
3 голоса
1 ответ
254 показа

Как сделать подобный input?

https://www.tinkoff.ru/loans/cash-loan/ Не реклама! Внизу форма, в этой форме есть поле для ввода телефона. В нем: есть неудаляемая часть текста "+7(" placeholder появляется при вводе текста маска ...
Shevtsov Eugene's user avatar
3 голоса
0 ответов
54 показа

При склеивании CSS файлов => пути к картинкам - невалидные

Проблема в том, что пути в файлах CSS относительные. Соответственно когда я все стили кладу в один файл - GULP использует те пути, что были изначально и, соответственно, получаем не валидные пути к ...
Алексей Ермаков's user avatar
3 голоса
1 ответ
755 показов

Переход с русской версии сайта на английскую версию

Подскажите, пожалуйста, как реализовать переход между языковыми версиями (напр. я нахожусь в разделе Новости на русском языке, автоматический переход в этот же раздел, при нажатии на английскую ...
Amkodor Holding's user avatar
3 голоса
0 ответов
183 показа

Проблема с кроссбраузерностью, на firefox не работает hover после загрузки js

http://maksleskin.ru/temp/ Нашел интересную анимацию, но вот в firefox не работает, то есть анимация работает, но не работает hover, в opera и chrome все нормально. Кода много (function($) { /...
Maxim  Leskin's user avatar
3 голоса
1 ответ
277 показов

Как изменить фон сайта из расширения

Html <p>Укажите цвет фона: <input type="color" name="bg" id="color" value="#262626"> <br><input type="submit" name="submit" value="Применить" id="submit" class="clrbtn">`...
Максим's user avatar
3 голоса
0 ответов
89 показов

Video tag не работает в Safari

Вот собственно сам код: <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: fixed; z-index: 0; min-width: 100%;height:100%; left: 0px; top: 0px; overflow: hidden; opacity: 1; ...
CTACO23's user avatar
  • 115
3 голоса
1 ответ
42 показа

Bootstrap 4 Grids

<div class="col-8"> <a href="#"> <div class="card"> <img class="card-img" src="img.jpg"> </div> </a> </div> <div class="...
Dauren Syzdykov's user avatar
3 голоса
1 ответ
54 показа

Проблема позиционирование картинки и блоков

Есть картинка и блоки которые должны как бы косаться этой линии, если сделать на одной ширине и все подогнать минусовыми margin то норм, но на больших экранах оно ломается потому что картинка(эта ...
Никита's user avatar
3 голоса
1 ответ
133 показа

Не правильно работает :before в option

Всем привет. Делаю список стран через select => option. В option добавил :beforeи к ним уже привязал картинку. но отображает не корректно. В остальных браузерах все ок. <select name="...
Artem's user avatar
  • 53
3 голоса
0 ответов
52 показа

Подсветка смежных элементов

Всем доброго времени суток! Задание таково: Сделать подсветку(смену стиля/свойства/преступной прошлой жизни) элементов, находящихся рядом с активным(на который навели курсор). Я знаю, что задавал ...
LiaVa's user avatar
  • 1,095
3 голоса
3 ответа
1k показов

Открытие ссылки в новой вкладке из iframe

Нужен совет или пикон в нужную сторону. Есть сайт, crm через которую работают менеджера и smm студия которая запускает рекламу. Дело вот в чем, формы покупки на сайте после ее заполнения отправляют(...
Dima Zavada's user avatar
3 голоса
1 ответ
123 показа

Помогите пожалуйста с вёрсткой навигационной панели слайдера

Использую slick slider. При выборе слайда или просто прокрутке в секции миниатюр, почему то забрасывает блок с слайдами очень далеко, не могу понять почему, ширина ж вроди как регулируется по кол-ву ...
Александр Пивень's user avatar
3 голоса
1 ответ
263 показа

Картинка увеличивается и уменьшается

Как сделать так чтобы картинка не увеличивалась и не уменьшалась когда прибавляешь проценты в браузере. Если увеличивать в браузере или уменьшать страницу чтобы изображение не менялось.
Никита Лебедев's user avatar
3 голоса
0 ответов
173 показа

По какой причине шрифты в SVG не загружаются?

SVG изображение имеет текст со специфичным шрифтом, он подключается внутри кода SVG. <defs id="defs4514"> <style type="text/css"> @font-face { font-...
Александр's user avatar
3 голоса
0 ответов
2k показов

Всплывающая панель навигации Safari (IOS) перекрывает футер, делая его недоступным. Как ее убрать?

При тестировании сайта на iphone в Safari обнаружил, что все ссылки/кнопки в нижней части экрана недоступны пользователю, т.к. тап по нижней области экрана вызывает всплытие навигационного меню Safari....
Andrei Fedorov's user avatar
3 голоса
0 ответов
275 показов

Синхронизировать прокрутку двух блоков в IE

Я хочу синхронизировать прокрутку двух div'ов и написал код, подписывающийся на событие scroll и обновляющий scrollTop второго div'а. В Хроме всё отлично, в FF тоже выглядит нормально (хотя я не так ...
Qwertiy's user avatar
  • 121k
3 голоса
1 ответ
44 показа

Сломанное меню из-за одного символа

Всем привет! Вчера столкнулся с такой проблемой, что у меня сломалась вёрстка, долго не мог понять почему, копал-копал и наконец-то докопался до истины и смог это воспроизвести. У меня есть ...
Mark Khromov's user avatar
3 голоса
0 ответов
1k показов

Вертикальный скролл на колонку

Делаю тестовое задание. И это один из последних моментов. По условию надо предусмотреть горизонтальную полосу прокрутки для основного контента. Я её сделал: overflow-x: scroll; overflow-y: hidden; ...
Andrii Husach's user avatar
3 голоса
0 ответов
8k показов

Поднять блок вверх

Здравствуйте! Хочу поднять блок с картинками выше, но когда задаю слишком большой margin-top то второй ряд просто начинает наезжать сверху на первый и съезжается в один ряд. Мне необходимо поднять ...
Шелест Роман's user avatar
3 голоса
0 ответов
127 показов

Адаптивный сайт по фэн-шую

Настала пора призадуматься о том, как будет выводится разрабатываемый мною сайт на различных устройствах. Начитался статей вдоволь, попутно нашел небольшой список дополнительных модулей, которые ...
Majestio's user avatar
  • 5,030
3 голоса
0 ответов
46 показов

Grunt выдает ошибку при сборке в корневой папки bootstrap

Пытаюсь собрать тестовый проект. Установил node, клонировал bootstrap с GitHub. Пытаюсь собрать проект с помощью Grunt(его тоже поставил). И он не работает при команде Grunt - выдает Warning : ...
Gleb Nazemnov's user avatar
3 голоса
0 ответов
62 показа

При попытке запостить фотографию она поворачивается

Вставляю в веб-страницу фотографию книжной ориентации - она поворачивается набок. С фотографиями альбомной ориентации все нормально. Вопрос: какой параметр необходимо задать в CSS, чтобы повернуть ...
omegalul's user avatar
  • 181
3 голоса
1 ответ
507 показов

Как плавно увеличить высоту блока?

Использую функцию .animate(): $('.more_text').click(function(e) { e.preventDefault() var text = $(this).siblings('.why-i-cont-txt-body'); text.animate({ // width: 400, ...
modelfak's user avatar
  • 1,591