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

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

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

Как обратиться к списку который находится в двух дивах?

Здравствуйте. Есть список, который находится в двух дивах и к нему нужно обратиться чтобы при наведении появлялся другой список, но обычное .class li:hover .class1 не работает, в интернете ничего ...
Василий Пупкин's user avatar
1 голос
2 ответа
521 показ

Не работает анимация в сафари и IE

var links = document.querySelectorAll("button, [type=submit]"); for(var i = 0; i < links.length; i++){ links[i].addEventListener('click', function (event) { event.preventDefault(); // ...
bad code's user avatar
  • 886
-1 голос
1 ответ
89 показов

Как получить такой эффект при :hover?

document.getElementById("mydiv").onmousemove = function(e){ img = document.getElementById("myimg"); img.style.top = e.clientY+"px"; img.style.left = e.clientX+"px"; } #mydiv { position: ...
Frigoris's user avatar
  • 146
2 голоса
4 ответа
2k показов

Плавное появление блоков

Подскажите, пожалуйста, как сделать, чтобы при нажатии на троеточие очень плавно появлялись другие кнопки? transition что-то не срабатывает... var buttons = document.querySelectorAll('ul li');...
KvinT's user avatar
  • 193
2 голоса
3 ответа
530 показов

Проблема с text-shadow

Нужно сделать вот такой текст: CSS Hat выдает следующий код по нему: Когда применяю эти стили получаем совершенно другой рисунок. Предпологаю что CSS Hat не выдает какие-то градиенты. ...
WVFFLIFE's user avatar
  • 1,334
2 голоса
1 ответ
155 показов

SVG Animation: анимировать дугу, как она нарисована

Я рисую Arc с SVG, используя следующий фрагмент: https://jsfiddle.net/e6dx9oza/293/ Начальный и конечный углы дуги будут динамически перемещаться, когда вызывается метод describeArc для ...
Alexandr_TT's user avatar
2 голоса
1 ответ
90 показов

Как реализовать такую рамку на html/сcs?

Желательно максимально универсальное решение без костылей)
marates's user avatar
  • 91
7 голосов
3 ответа
1k показов

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

Подскажите, пожалуйста, как сверстать такое расположение иконок? Если приглядеться, там по окружности (белый фон с несколькими кругами) расположены кликабельные иконки... У меня вообще нет идей.
Safbek's user avatar
  • 233
4 голоса
1 ответ
93 показа

Простой индикатор прогресса населения стран,- статический или анимированный

Мне нужно сделать простой индикатор прогресса бара населения стран. Мне нужен бар с зеленой полосой прогресса для хорошего количества и еще одна цветная часть для плохой суммы, а количество в ...
Alexandr_TT's user avatar
0 голосов
0 ответов
27 показов

Текстовой редактор Atom Фризит

Пишу совершенно не сложный, не объемный CSS HTML JS код, учусь. Atom в свою очередь почему-то иногда фризиться, просто на несколько секунд, потом продолжает дальше спокойно работать. Пакетов стоит не ...
Никита Ковалёв's user avatar
0 голосов
1 ответ
185 показов

Как применить стиль clip-path к компоненту на React?

import React from "react"; import { withStyles } from "material-ui-next/styles"; const styles = { star: { cursor: "pointer", height: 25, width: 25, margin: 2, ...
Roberto's user avatar
  • 1,193
1 голос
2 ответа
68k показов

Как убрать точки от <li>

Как можно убрать это (в неупорядоченном списке <li>):
Иван Репин's user avatar
0 голосов
1 ответ
423 показа

Как добавить текст внизу кнопки в react?

Использую react-js и библиотеку https://material-ui-next.com/demos/buttons/ Мне нужно создать компонент, представляющий из себя кнопку, которая в верхней половине содержит иконку, а в нижней - текст ...
Roberto's user avatar
  • 1,193
4 голоса
3 ответа
3k показов

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

Есть блок, внутри которого картинка. Нужно сделать высоту по картинке. Танцую вокруг него уже 2 день, помогите. <div class="img-box height-240"> <div class="background"> <div class="...
Владимир Миколайчик's user avatar
0 голосов
1 ответ
93 показа

Группировка блоков разный высоты в один контейнер

Как на bootstrap можно реализовать такой набор блоков? Запасной вариант для меня это js либа masonry. Каким решением вы б воспользовались?
molfar.site's user avatar
0 голосов
1 ответ
2k показов

:hover не применять для дочернего элемента

Есть элемент .myclass { background-color: #28292d; font-family: Roboto, "sans-serif", Arial; border-width: 0px; border-style: outset; border-radius: 3px; position: absolute; ...
Андрей Григорьев's user avatar
0 голосов
2 ответа
11k показов

Убрать отступы между блоками div [дубликат]

Здравствуйте. Есть обыкновенные div блоки с фиксированной шириной и высотой. Не понятно откуда между ними есть небольшой отступ. Мне нужно либо сделать так чтобы после самого последнего блока не было ...
iKey's user avatar
  • 2,104
0 голосов
0 ответов
70 показов

Адаптивное меню бутстрап

Проблема вот в чем: В адаптивном меню вложенные ссылки открываются как в десктопе (скрины прикладываю как есть и как должнобыть). Подскажите пжлст что накосячил. @media screen and (max-device-width: ...
Александр Жарков's user avatar
2 голоса
1 ответ
128 показов

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

Ссылка на jsfiddle : CODE if ( $(window).width() > 600) { $('.show_xs a').click(function(){ $('.first_p').fadeToggle(); }); }else if ( $(window).width() < 600) { $('.show_xs ...
Bekzod's user avatar
  • 651
0 голосов
1 ответ
51 показ

Скролл замирает при использовании JQuery

Сделал я прилипающий к верху страницы блок, все прекрасно работает, но есть одна сильно раздражающая вещь, когда скроллишь страницу, происходит отказ скроллинга полный. Происходит это в непонятных ...
100РОЖЬ's user avatar
3 голоса
1 ответ
239 показов

Поиск элементов в блоке

Как скриптом проверить, если у <li> есть див sub то <li> присвоить класс parent? <ul class="nav"> <li><a style="background-image:url(assets/images/ico-buket.png)"> Букеты&...
Aslero's user avatar
  • 1,255
0 голосов
2 ответа
590 показов

Анимация при наведении на ссылки

Есть страница с 3 блоками. При ховере на каждый блок происходит анимация — изменение цвета бэкграунда и анимация текста(пример, блок 1). В header есть 2 ссылки: Logo, Link. При наведении на них, ...
Dmitry N's user avatar
  • 171
1 голос
1 ответ
85 показов

Обводка внутри кнопки по границам padding в Мозиле. Как убрать?

В мозиле увидел такую штуку! Точечная обводка внутри кнопки по границам padding-а. При этом ountline: none. Что это может быть и как от этого избавится?
Igor's user avatar
  • 1,211
-1 голос
1 ответ
488 показов

Какие есть способы подключить шрифт к SVG? [дубликат]

Есть такой SVG файл. <svg height='100' width='100' viewBox='-3 -3 100 100' xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> <style> .polylogobox { ...
uzi_no_uzi's user avatar
  • 2,186
-1 голос
1 ответ
48 показов

Css как сделать чтобы изображение было по центру [закрыт]

https://vk.com/im?sel=206691271&z=photo206691271_456240810%2Fmail155797 https://vk.com/im?sel=206691271&z=photo206691271_456240811%2Fmail155798 как мне сделать чтобы при увеличении масштаба ....
Алёша Авилов's user avatar
2 голоса
1 ответ
47 показов

(Помогите изменить код )Зафиксировать блок в центре страницы по вертикали при скролл

Есть блок .fix , у него по умолчанию position: relative. Как сделать, чтобы этот блок фиксировался, когда он будет ровно по центру экрана? Нашел вот такую строку. var topWinside=$(window).height()/2-...
Serhiy Bilik's user avatar
1 голос
1 ответ
2k показов

Стилизация <datalist>

Всем привет! Будьте добры кто шарит, как стилизовать тэг datalist? Его стрелку и прочие моменты. Мне нужен именно он, не select. В интернете почему-то проблематично с информацией. Желательно конечно ...
daitona's user avatar
  • 63
2 голоса
2 ответа
121 показ

Что бы меню не закрывалось после перехода

$(function() { $('.menu li').click(function() { $(this).find("ul").slideToggle(); $(this).find('span').toggleClass('red'); }); }); ul li a font-size: 18px color: #34407f ul li a:...
easy's user avatar
  • 123
6 голосов
5 ответов
245 показов

Вёрстка пропорциональных блоков

Как сверстать 3 блока в относительных величинах, чтобы они имели одинаковые пропорции с 1920px до 1024px?
Александр Груздев's user avatar
0 голосов
3 ответа
71 показ

JS: Добавить класс для поворота картинки

Есть боковое меню, при клике выдвигается его часть. Нужно сделать, чтобы картинка рядом (стрелка вправо) при выдвижении меню поворачивалась вниз с добавлением соответствующего класса. $(function()...
easy's user avatar
  • 123
-5 голосов
1 ответ
526 показов

Ошибка Uncaught DOMException: Failed to read the 'rules' property from 'CSSStyleSheet': Cannot access rules

Перед открытием сайта появляется ошибка. http://www.gruzchiki-sofrino.ru/ Сайт экспортировался через Adobe Muse. Ошибка появляется только в Хроме 64 версии. У кого есть идеи, как избавиться от нее?
Vlad Horoshiy's user avatar
1 голос
3 ответа
43 показа

Проблема с отображением в IE

Здравствуйте. Вот мой код .n_user { background: url(http://guides.gosuslugi.ru/download.html?file=/765/1.svg&dl=0) no-repeat scroll left center; padding-left: 25px; margin-left:...
Дмитрий's user avatar
1 голос
1 ответ
55 показов

Оптимизация CSS

Есть такая проблема на сайте. У меня по ходу много CSS кода. Я хочу сделать такую оптимизацию. 1) Разделить css на файлы mobile, desctop. 2) Загружать их отдельно при каждом устройстве свое. ...
Raz Galstyan's user avatar
  • 8,268
1 голос
1 ответ
3k показов

Как сделать эфект переворачивания карточки при ховере? [дубликат]

Наводишь на неё она переворачивается и на обратной стороне текст написан
bad code's user avatar
  • 886
1 голос
1 ответ
94 показа

Не изменяется css с помощью jquery

Вот страница здесь идёт проверка существования куки, если куков нет, то должен выводиться блок с текстом сейчас этот блок скрыт, но при нажатии должен появляться с помощью jquery. Блок не выводиться ...
Suslik85 's user avatar
3 голоса
1 ответ
167 показов

Использование `flexbox` и поддерживание соотношение сторон 1:1, даже если размер контента разный

Есть много вопросов на SO о поддержании соотношения сторон элемента (с помощью flexbox или без него). Однако моя проблема несколько отличается, поскольку я хочу переопределить соотношение сторон ...
Alexandr_TT's user avatar
-4 голоса
3 ответа
111 показов

Помогите начать изучать HTML и CSS [дубликат]

Я очень мало знаю о вёрстке надеюсь вы мне поможете .
veni.vidi.vici's user avatar
1 голос
2 ответа
2k показов

Задний фон при скроллинге страницы

Салют, фиеста! Есть задний фон в браузере, рисунок досок. Как мне сделать так, чтобы при добавлении информации на страницу изображение подгружалось вместе с контентом? То есть, при скроллинге страницы ...
SnoopDoggyDog's user avatar
6 голосов
2 ответа
110 показов

Как сверстать такие укосы?

Как сверстать то что на картинке?
bad code's user avatar
  • 886
3 голоса
6 ответов
26k показов

Как на CSS сделать центрирование img внутри div по вертикали и горизонтали?

Есть div, внутри него img произвольного размера. Надо сделать так чтобы центр div и img были одинаковыми, нагляднее на картинке: Про margin: 0 auto выравнивания по горизонтали знаю, но как совместить ...
elossa's user avatar
  • 149
2 голоса
1 ответ
51 показ

Как сделать боковое отражение элемента на CSS

Суть в картинке, как добавить блокам боковые отражения? Пробовал вариант с box-reflect примененный к основному div, но он отражает только сам блок (то есть не содержащийся в нем контент) да еще и ...
Алексей Шевченко's user avatar
1 голос
1 ответ
86 показов

Как раскрасить нижную часть картинки в которой добавлен SVG

У меня есть главная страница сайта в котором отражается самопечатающийся текст плюс картинка заднего фона.И вставил туда SVG треуголник. Ну вот внизу после SVG треуголника показывается часть заднего ...
Randall's user avatar
  • 7,054
4 голоса
1 ответ
5k показов

Волны в CSS или SVG

Я пытаюсь создать округлые волны с помощью CSS, и у меня проблемы. Сейчас я использую border-radius для создания волн, но они больше похожи на облака. Я попытался использовать transform: translateZ(...
Alexandr_TT's user avatar
4 голоса
1 ответ
41 показ

Не получается правильно прижать div к низу страницы

Всем привет! Верстаю страницу, и столкнулся с проблемой – div.player "плавает" при изменении ширины браузера (на картинке вы видите неприятный отступ снизу) Я пытался position: absolute; bottom: 0;, ...
Eugen Eray's user avatar
  • 1,196
0 голосов
0 ответов
245 показов

Изменить положение блока slick slider

Доброго дня! Имеется карточка товара: панель слайдера расположена слева и вертикально. Делаю адаптив, нужно, чтобы слайдер стал горизонтальным и распологался снизу самой картинки. Попробовал сделать ...
xakslim's user avatar
  • 81
0 голосов
1 ответ
84 показа

Разметка в SVG-файле

Есть SVG-файл, который в CSS задается через content: .class:after { position: absolute; content: url(/local/templates/shotam/img/svg/down_quote.svg); top: -11px; left: -11px; ...
Михаил Коваль's user avatar
1 голос
1 ответ
127 показов

Неправильная работа классов css

Проблема с работой css. Почему тег p с классом cite не работает? Написал всё правильно, проверил через ideone, работает нормально. Но почему-то у меня классы CSS браузер как будто не видит(вообще, все ...
SnoopDoggyDog's user avatar
0 голосов
1 ответ
220 показов

как убрать отступ от шапки и тела

<nav class="navbar navbar-expand-lg"> <div id="headerInner"> <a class="navbar-brand" href="#"><img src="images/logo.png"></a> <ul class = "menu"...
randomov's user avatar
2 голоса
2 ответа
651 показ

Как с помощью css сделать широкую цифру с цветовым градиентом?

Как с помощью css сделать широкую цифру с цветовым градиентом, как изображенно на картинке?
Александр Тимофеев's user avatar
2 голоса
2 ответа
2k показов

css, javascript: textarea текст разного цвета

Подскажите пожалуйста, можно как-нибудь сделать так, чтобы часть текста в textarea поле было заданного цвета, отличного от основного цвета текста? Знаю, что есть отдельные библиотеки, но для моих ...
Zhihar's user avatar
  • 37.5k