Вопросы с меткой [css]
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
26,136
вопросов
0
голосов
1
ответ
4
показа
Затемнить яндекс карту не затемняя iconImage
Знатоки, нужен хелп. Стилизую яндекс карту, на карте есть метки iconImage. Подскажите, как можно задать фильтр для карты, при этом чтобы метка оставалась в своём цвете? Вот структура карты:
https://...
0
голосов
0
ответов
7
показов
почему fit-content() не работает со свойством grid-template-rows в Css-Grid, но хорошо работает со grid-template-columns?
Я приведу один пример, где есть два изображения. размер их составляет 168 пикселей в ширину и 180 в высоту. Я разрешил использовать только высоту до 300 пикселей, но она отображает два изображения по ...
0
голосов
1
ответ
12
показов
Как выровнять список
Есть список li нужно выровнять его относительно list-style-type
.list{
display: table;
margin: auto;
}
.list li {
list-style-type: none;
padding-bottom: 15px;
}
.list li:before {
...
0
голосов
0
ответов
45
показов
HTML/CSS - проблема при вёрстке баннера
Всем привет!
Мне нужно сверстать страницу. Проблема в том, что не отображается корректно банер. Если просматриваю свою страницу офлайн на своём узле, то всё ОК. А когда загружаю её на хостинг, то в ...
1
голос
2
ответа
26
показов
Как исправить горизонтальный скролл в HTML?
Хотел сделать переключатель в html.Не понимаю почему появляется такой скролл Вот код:
<!doctype html>
<html>
<head>
<link href="https://fonts.googleapis.com/...
0
голосов
0
ответов
16
показов
Стилизация первой строки в предложении
Доброго времени суток,
У меня тут интересный дизайн, нужно чтобы первая строка предложения была почеркнута (как на мобиле так и на десктопе).
Проблема в мобильной версии, из за ширины экрана текст ...
0
голосов
1
ответ
17
показов
Терминал vsc, отступ
Столкнулся с проблемой , при открытии терминала , у меня появляется отступ после расположения файла, как его убрать ? https://imgur.com/a/0fTDfnB
0
голосов
0
ответов
12
показов
Вертикальная обрезка блока owl carousel
Проблема в вертикальном обрезании блока внутри класса owl-carousel, из-за этого не видно box-shadow, да и вообще блок странно себя ведёт.
Использую в связке с bootstrap 5
На изображении, выше ...
0
голосов
1
ответ
17
показов
Добавление iframe в html
У меня есть шаблон Anime.html с частью кода
<div class="player__wrapper">
<div class="player__item"></div>
{{ anime.iframe_code }}
</div>
models.py
class Anime(...
0
голосов
1
ответ
13
показов
Плавное скрытие прелодера
На сайте есть прелоадер. Его скрытие запускается через 3 секунды после перехода на страницу. Подскажите, пожалуйста, как сделать это плавно (за 0,5 сек.) в правиле @keyframes ?
.preloader {
...
0
голосов
2
ответа
23
показа
Как добавить границы у таблицы (ячейках)?
Нет границ между ячейками
table {
border: 1px solid black;
}
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
...
0
голосов
1
ответ
37
показов
Как убрать отступ у элемента <main>?
прошу помочь!
При вёрстке сайта по макету .xd возникла такая проблема: при создании элемента внутри main появляется отступ слева. При этом background применяется, но появляется скролл именно из-за ...
0
голосов
1
ответ
41
показ
Фото товара внутри diva
Подскажите новичку, как сделать так чтобы фото товара располагалось
внутри дива по центру? Другими словами фото товара слева а описание к этому товару справа.
Хотелось бы разместить фото по центру ...
0
голосов
1
ответ
24
показа
background-color заливает цветом не всю часть страницы
Столкнулся с такой проблемой: мне нужно изменить цвет фона определённой части страницы, но при использовании background-color цвет меняется не на всю страницу, остаётся немного места по бокам.
Ниже ...
-2
голоса
0
ответов
39
показов
Отловить момент написания текста в input?
Можно ли сделать так что-бы когда напишешь в инпут появлялась подсказка как на картинке? Можно ли как-то отловить момент написания текста в инпут? в js я не силен. Спасибо
0
голосов
1
ответ
18
показов
Как задать расположение блоков?
Как привязать логотип к левому верхнему углу, а приветствие расположить по середине экрана?
#site_logo {
padding: 0 0 0 50px;
font-size: 30px;
font-weight: bold;
}
.greeting {
height: ...
0
голосов
1
ответ
19
показов
Как мне исправить выпадаючие меню?
Я что-то делал, делал, но второе меню открывается не так как хочется. Оно открывается вниз, а мне нужно влево, как на рисунку снизу:
[
Но получатся вот так:
Код
<div class="navbar">
...
0
голосов
1
ответ
34
показа
Перенос карточек на новую строку flex?
Если в ряду 2 и более карточек, то кнопки должны переместиться на новый ряд? если 1 карточка в ряду, то карточка и кнопки должны быть прибиты по разным бокам. Как можно в новом ряду кнопки прибить в ...
0
голосов
1
ответ
26
показов
React Движение svg за курсором
как на React'e реализовать движение svg фигуры за курсором так, чтобы при попадании курсора в область перемещения фигура перемещалась по оси Y вверх-вниз?
есть div — область появления фигуры при ...
1
голос
2
ответа
20
показов
Не работает радиокнопка?
Почему может не работать радиокнопка? Спасибо
https://jsfiddle.net/q5zbsgL2/7/
.payment-methods__form {
position: relative;
padding: 30px 23px;
display: flex;
}
.payment-methods__input {
...
0
голосов
2
ответа
21
показ
Как разбивать строку из формы Vue js
Подскажите, как исправить такую проблему:
Есть форма (поле ввода), со связкой v-model - это поле я вывожу в шаблоне посредством {{ text }}. Так вот, если строка очень длинная, как её можно ограничить? ...
-2
голоса
0
ответов
33
показа
Как сделать такое же меню как тут https://alfabank.ru (на мобильной версии нажмите "меню")
Буду очень благодарен, если поможете.
Важно чтоб она была точь в точь.
У меня вот такая
var div = document.querySelector(".show-content");
div.addEventListener("touchstart", (event)...
0
голосов
0
ответов
10
показов
Live Sass Compiler не создаёт компилированный и минифицированный файлы в папке СSS, хотя адрес указан
При редактировании файла main.scss создаются файлы main.css и main.css.map в той же папке, в папке css ничего не появляется. Путь к созданию прописан верно, компилятор вроде бы постоянно "смотрит&...
0
голосов
2
ответа
33
показа
Как можно реализовать похожий слайдер? [закрыт]
Как я могу сверстать такой слайдер ?
0
голосов
0
ответов
10
показов
здравствуйте. подскажите как правильно адаптировать блоки. Галерею сделал на гридах, иконкам задан relative position относительно img с абсолютным [закрыт]
изображения заданы через img, сгруппированы с помощью гридов. Иконки и текст c relative position , родитель img с абсолютным
0
голосов
0
ответов
12
показов
Верстка письма - темная тема в Andoid
Столкнулся с проблемой при верстке письма на темную тему gmail Android:
Инвертируется текст, но фон просто "осветляется".
Темную тему в Iphone удалось побороть с помощью изображения.
Но вот темная ...
0
голосов
1
ответ
22
показа
Как лучше переформировывать таблицу на мобильном разрешении?
Как реализовать подобный функционал. Есть диалоговое окно в виде списка, в зависимости от выбора в нем пункта, формируется таблица. Как это на десктопе сделать понятно, а вот на мобильном она должна ...
0
голосов
1
ответ
18
показов
Как отцентрировать div внутри div и разместить текст по центру?
Есть div в котором лежит картинка , и внутри еще в котором должен располагаться текст.
Подскажите как в css расположить чтобы было как на картинке?
<div class="content_img_div">
...
0
голосов
0
ответов
23
показа
Как сделать чтобы при наведении на элемент вертикального списка пропадали другие его элементы?
Всем привет! Столкнулся с такой проблемой: при наведении на "главный" список появляется "дочерний" список, который "налипает" на элементы главного(смешивается текст из-за ...
0
голосов
1
ответ
23
показа
Нужно сделать, чтобы блоки появлялись и исчезали при скроллинге
Есть блоки на сайте, которым я хочу сделать анимацию появления и исчезновения при скроллинге, но я вообще не знаю JS. Я искал в инете что-то похожее, но оно не работало.
0
голосов
0
ответов
15
показов
Подскажите почему не работает цвет у иконок
HTML
<div class="footer__social">
<a href="#" class="footer__social-item">
<!-- <img src="icons/social/...
0
голосов
0
ответов
8
показов
Как риализовать слайдер с несколькими попап видео?
Логика такая: Есть 3 слайда, на каждом есть кнопка watch video - получается три разных попап окна с видео. Но не могу добиться того чтобы воспроизводились правильно 2,3 видео. Воспроизводится только ...
0
голосов
1
ответ
22
показа
На одностаничнике сделать свап с перекидыванием кнопки управления?
У меня есть концепция сайта и я не могу придумать в силу не опытности как её реализовать.
Задача в том, чтобы на сайте было 2 секции.
1я - с которой сайт стартует.
2я - при нажатии на кнопку в углу, ...
0
голосов
0
ответов
26
показов
Неправильное отображение сайта на планшете
Делал сайт на заказ и заказчик присылает следущие фото сделаное на планшете Samsung Galaxy Tab A 10.5 SM-T590 с 10 версией андроида:
Картинка от заказчика
Я начинаю тестить и у меня эта же страница на ...
1
голос
1
ответ
33
показа
VScode, LiveServer страница улетает вверх после изменений
VS code верстаю страницу (html, css) используя live server и когда я вношу изменение страница улетает вверх(верхней границы браз. ), как исправить?
Это не всегда происходит. Иногда все норм, внес ...
0
голосов
1
ответ
19
показов
Смещение блоков при сжимании окна html
В моем интерфейсе имеется два блока, у них задано минимальные размеры, максимальные размеры и действующий размер, всё указано в vw и vh. При растягивании окна справа от 2 блока появляется пропуск, а ...
-1
голос
0
ответов
31
показ
Форма Input не идёт во вторую колонну
Я написал часть кода в которой блок страницы разделяется на 70% и 30%, когда есть посты ниже видно, инпут идёт вниз и не уходит во вторую колонну, а когда без постов, инпут идёт в место которое нужно. ...
0
голосов
1
ответ
26
показов
Одно модальное окно для разных карточек с разным контентом
Есть одна большая область overflow, где помещены карточки участников, там же есть тэг figure для авотарки, и див контейнер где расположена вся информация карточки. После этого контента, идет ниже ...
2
голоса
1
ответ
45
показов
Как сделать такие углы у картинки?
Подскажите, как можно сделать такие углы как на левой стороне скрине?
Это накладываются друг на друга треугольники ? или это делается с помощью псевдоэлемента?
Что-то у меня не получается никак...
...
1
голос
2
ответа
39
показов
Как правильно растянуть средний элемент? (flex)
Какие параметры и куда нужно вписать, чтобы блок "contant" не превышал высоты блока "wrapper", и идеально вписывался по высоте между "header" и "footer", и на ...
2
голоса
1
ответ
19
показов
Как сделать так, чтобы логотип был по центру, но количество букв по краям логотипа разное (из-за этого логотип немного не по центру)
// css - код
.logo-icon {
background-image: url('../images/logo_03.png');
display: inline-block;
width: 53px;
height: 61px;
}
//html-код
<div class="container">
&...
0
голосов
2
ответа
19
показов
Hover и After плохо работают
Когда я навожу на текст, он должен меняться на другой , а также , в этом же блоке , должен появляться треугольник , я это сделал , но теперь с этим блоком твориться не понятное , в чем проблема, и еще ...
2
голоса
1
ответ
18
показов
Автоматическая подстройка ширины по длине текста
section{
display: grid;
grid-template-areas:
". co .";
}
.container{
display: grid;
grid-area: co;
background: red;
}
<section>
<div class="container"&...
-1
голос
1
ответ
26
показов
Пытаюсь сделать форму для задачи "Сопоставьте ответы" как на изображение
Мне нужно чтобы пользователь мог нажимая на этих кружочках мог сопоставить вопросы и ответы, у меня идей вообще нет, подойдет любое подсказка.
вот как здесь
извиняюсь за качеству изображений
2
голоса
1
ответ
16
показов
Расположенные в ряд иконки с центрированной снизу надписью
Пытаюсь сделать адаптивное меню с квадратными иконками и надписью под ними. Изображение я смог уместить в центре блока, но как добавить под каждый пункт надпись я не могу понять. Всё что я придумал, ...
-1
голос
2
ответа
23
показа
Как сделать отступ в право на 7.45px у SVG&
svg path {fill: #000;}
<ul id="main-menu-2">
<li class="main-menu-item-3">
<a href="#">ЗАГОРОДНЫЙ ДОМ
<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="...
0
голосов
1
ответ
43
показа
Hover эффект блока [закрыт]
Как можно реализовать данный hover эффект ?
0
голосов
1
ответ
28
показов
Открытие меню при hover?
Как сделать что-бы при наведении на "Каталог" должен открываться серый блок, при наведении на "названия" появляется красный блок? И как можно вынести из контейнера серый и красный ...
0
голосов
1
ответ
27
показов
Как подключить шрифт в css
Сайт https://4coders.pro/Unbrokenteam/index.html
Подключал шрифт по этим статьям:
https://www.cat-in-web.ru/podklyuchenie-shriftov-v-css/
https://moguta.ru/blog/delaem-internet-magazin-vmeste/kak-...
0
голосов
1
ответ
25
показов
Как выровнять иконку по уровню текста?
На сайте https://voyagecosmetics.ru/ есть сверху номер телефона и иконка телефона. Надо чтобы было ровно. Как это сделать.
Могу добавить, что иконка телефона стоит отдельно от ее серого фона, что ...