:nth-of-type не работает
Шалом, я сделал два ряда блоков, по 3 колонки в каждом. Из-за количества контента, высота второго ряда должна быть выше первого. Для этого, к первому ряду я применил псевдокласс :…
Вопросы по тегу: css
- 1 ▲1 ответ.
- 0 ▲1 ответ.
Как реализовать вертикальный каталог каналов?
Хочу сделать сбоку слева блок, в котором будут кружки каналов для навигации(как в дискорде короче). Как реализовать, чтобы они не ломались и оставались пропорциональными? Код выгл…
- 0 ▲1 ответ.
Псевдоэлемент ::before
.numbers { &::before { content: url(../../img/shape_32_263.png); position: relative; right: 30px; } } Хочу так но получается так
- 0 ▲2 ответ.
Почему не применяется рамка (border) через таблицу стилей css?
Таблица стилей подключена правильно, т.к. другие свойства, примененные к тексту работают. При чем рамка не применяется и к другим объектам в файле. <main> <div class = &q…
- 0 ▲0 ответ.
Как сделать один класс главнее другова
Такой вопрос , работаю с проэктом уже готовым на Bootstrap так вот , там некоторые блоки нужно подредактировать! и мне посоветовали к классам которые уже есть (bootstrap) добавить…
- 0 ▲1 ответ.
Почему веб шрифт из иконок не отображается?
Я создал свой веб-шрифт из svg иконок через iconmoon. По гайдам все подключил, однако ничего не отображается. В первом варианте я подключал стили с шрифтами через link в html, во …
- -3 ▲1 ответ.
Изменить цвет ссылки, разный для каждой
Я хочу изменить цвет ссылки , но не получается у меня Я хочу чтобы показали как нужно делать, чтобы изменился цвет ссылки И я хочу узнать как сделать, чтобы если у тебя есть 2 ссы…
- -1 ▲1 ответ.
JavaScript . Кнопка "Показать ещё"
Не получается реализовать кнопку "Показать ещё" на JS При нажатии на кнопку "Подгрузить больше" - ничего не происходит. По задумке при нажатии на кнопку "…
- 0 ▲0 ответ.
Здраствуйте как увеличить картинку изнутри?
...Я пишу не большую вёрстку и хочу что бы картинки увеличивались как здесь (указанная ниже ссылка, 2 -ой пример), в моей вёрстке я уже добился такого эффекта, однако стоит добави…
- 1 ▲1 ответ.
Градиентная рамка для ползунка input type range
Есть input type range. У него нужно сделать градиентный фон для дорожки (это я сделал) и кружок, с градиентной рамкой, но вот беда, не нашел способа, как сделать ползунок в виде к…
- 0 ▲1 ответ.
Увеличение высоты тега li в меню
Есть * { margin: 0; padding: 0; } body { font-family: Roboto, Arial, sans-serif; } .logo { color: white; font-size: 2em; font-weight: 700; } header a { text-decoration: none; colo…
- -2 ▲1 ответ.
Как верстать фигуры с этого макета?
Как правильно верстать все фигуры на этом макете? Мне нужно каждую SVG позиционировать или есть какой-то другой способ? Как бы это делали вы? Все бэкграунды — сделать их на всю до…
- 1 ▲1 ответ.
Не работает всплывающее меню, толи дело в скрипте, ибо кнопки не открываются, то ли в css что-то не так
Всем, привет! Такая дилема не работает всплывающее меню на сайте, оно тупо не открывается, не могу понять почему вот html css и js $(document).ready(function(){ var zindex = 10; $…
- 0 ▲0 ответ.
Помогите настроить карусель с вертикальными и горизонтальными фото
Делаю карусель с фиксированной горизонтальной областью для фото. Шаблон взят с Bootstrap5. Вертикальные изображения должны соответсвенно уменьшаться, чтобы встать в эту область, н…
- 0 ▲2 ответ.
Текст возле лого
Подскажите пожалуйста как расположить текст по середине картинки - как дополнение к лого (обтекание что-ли) <div class="logo"> <img src="img/logo.png"…
- 0 ▲1 ответ.
Как убрать margin у body, который у Хрома задан по умолчанию?
Известно, что браузеры прописывают некоторые отступы и другие свойства по умолчанию. Хром прописывает body margin: 8px. Есть в сети различные готовые файлы для сброса настроек по …
- 0 ▲0 ответ.
Почему CSS-стили в Джанго-проекте отображаются частично?
Пытаюсь создать фиксированную область для изображений, но CSS не работает. Смотрел и в Сафари и в Хроме. HTML (base) <link rel="stylesheet" href="images/custom.c…
- 1 ▲1 ответ.
Как убрать отступы нижним блокам и при этом сделать оступы между блоками
Допустим есть четыре div блока, и мы задаем им display:flex; flex-wrap:wrap;, четыре блока по 200px как между ними сделать равные отступы и при этом что бы у нижних двух не было о…
- 0 ▲1 ответ.
Как вставить картинку в фон?
Прошу о помощи друзья! Я начинающий. Я хотел бы вставить картинку в свой код. Но не знаю как правильно это сделать. Я вставил вроде бы как картинку в тег "body". Но при …
- 0 ▲1 ответ.
Как сделать увеличение высоты textarea при набирании определенного количества символов
У меня есть такая структура: <div class="card"> <div class="header"></div> <div class="chat-messages"></div> <div cl…
- 0 ▲2 ответ.
Как сделать анимацию прозрачных кругов сначала они маленькие потом большие и исчезают
Как можно сделать сначала виден весь сайт потом запускается анимация по кнопке (это без разницы) на весь экран спускается фон быстро, и постепенно в рандомном порядке и месте появ…
- 2 ▲2 ответ.
Резкий и кривой угол с одной стороны
Подскажите пожалуйста, как сделать кривой угол у блока только с одной стороны используя только CSS и HTML
- 1 ▲0 ответ.
Как сделать фон у svg элемента фиксированным, чтобы при скролле изображение оставалось на месте?
есть <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern id="image" patternUnits="objectBoundingBox&qu…
- 2 ▲1 ответ.
Как svg элементу растянуть задний фон?
есть такая форма <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern id="image" patternUnits="userSpac…
- 0 ▲0 ответ.
css вместе с js работают некорректно
У меня такая проблема, что возле цифр или возле текста появляются при каких-то расширениях экрана зеленые полоски тонкие, я так понимаю, что это пробивается бекграунд шрифтов, тот…
- 0 ▲1 ответ.
SVG. Анимация при нажатии на машинку
Ссылка на SVG. При нажатии на машинку она должна передвигаться к краю экрана; При двойном нажатии на машинку она должна возвращаться обратно. НО что бы при нажатии на колеса машин…
- 0 ▲1 ответ.
как можно сделать верстку блока со стрелками
Не могу понять как сделать этот блок, есть ли статья или код по таким версткам. Проблема заключается в правильном расположении стрелок текста и цифр.
- 0 ▲1 ответ.
Плавное увеличение картинки при наведении, с текстом сверху и затемненным фоном
Подскажите код с использованием css и div, для реализации задачи: Необходимо создать 9 блоков (через div) фотографий, которые при наведении медленно увенчиваются и на фотографиях …
- 0 ▲1 ответ.
Запрет переноса по дефисам
В textarea сложные слова (ярко-красный, Сан-Паулу, например) переносятся по дефисам. Как сделать так, чтобы, если слово сложное, то переносилось полностью? Чтобы слова переносилис…
- 0 ▲2 ответ.
Как сделать чтобы текст стал ровно при checkbox
У меня есть вот такой вот блок : и мне нужно чтобы текст не переносился под чекбокс а стоял ровно вот так .custom-checkbox{ display: inline-block; margin-right: 16px; width: 20px;…