Как правильно выставить блоки?
Имеется такой блок (li), у меня по макету вся эта ширина 300px, я даю li flex и max-width: 300px дабы выставить в ряд их и полю даю width: 100% но он не выставляется. Подскажите, …
Вопросы по тегу: css
- 0 ▲2 ответ.
- 1 ▲2 ответ.
Как сделать отступ сверху элемента?
Нужно сделать отступ сверху заблюренного блока,который расположен на картинке в виде лица,как на фото Когда пытаюсь это сделать через margin,то он работает влево и вправо,сверху и…
- 0 ▲0 ответ.
Почему не применяется свойство max-width: 300px; к flex элементу?
.box { display: flex; background-color: #28282A; max-width: 1000px; margin: 0 auto; padding: 20px 0; } .item { background-color: #FFBB24; text-decoration: none; color: red; displa…
- 0 ▲1 ответ.
Не работает last-child для изборажения в блоке, Почему?
Не работает nth-child(2) или last-child для изображения если между ними есть тег <div class="post"> <img data-src="@img/blog-1.jpg" alt="" /…
- 0 ▲2 ответ.
Как изменить цвет svg в img
Как изменить цвет svg img { width:50%; height: 50%; } <link rel="stylesheet" href="css/style.css"> <img class="pic" src="https://upload.wikimedia.org/wikipedia/commons/b/…
- 1 ▲2 ответ.
треугольная кнопка с плюсом
.btnTriangle { display: flex; flex: auto; color: white; width: 0px; height: 0px; border: 44px solid black; border-top-color: transparent; border-bottom-color: transparent; backgro…
- -1 ▲1 ответ.
Нужно чтобы весь блок jopja находился слева и под по большой картинкой дуба. Просто надо подвинуть текст чуть левее
.gradik { background: rgb(244, 240, 240); background: linear-gradient(180deg, rgba(244, 240, 240, 1) 0%, rgba(71, 71, 166, 1) 23%, rgba(167, 167, 167, 1) 54%); min-height: 100vh; …
- 0 ▲0 ответ.
Разметка сайта на CSS
Стыдно просить о таком, но мне нужна помощь в создании css для сайта. Я хочу сделать так, чтобы под заголовком было три столбца, но не получается и если я передвигаю один элемент,…
- 0 ▲0 ответ.
Почему padding задаётся от body а не от div
Хочу сделать 10% сверху и сниху отступ (padding) в правом (зелёном) диве - но он задаётся от body а не от правого (зелёного) дива Почему? CSS правого (зелёного) дива .form { displ…
- -2 ▲1 ответ.
Как сделать элементы по центру в контейнере div
Вот мне говорили что нужно justify-content: center; но тут это не работает - почему? Хочу чтобы эти 2 элемента (видео и форма) были по центру в div.main_content (если нужно прикре…
- 0 ▲0 ответ.
По клику вставить картинку в popup из элемента где находится кнопка
Всем привет. Есть карточки товаров со структурой: <article class="cards__article article"> <div class="article__img"> <img class="article__…
- -1 ▲2 ответ.
Как сделать inline block по центру (горизонтали)
Сейчас вот так .title { display: inline-block; text-align: center; } .title p { font-size: 28px; } .title h1 { font-size: 32px; text-transform: uppercase; } <div class="title"&…
- 1 ▲2 ответ.
Красивое расположение элементов через flex и grid контейнеры
У меня возникают сложности с расположением каталога товаров, или изображений в галерее ровно и главное адаптивно. Какими способами я могу решить данную проблему?
- -1 ▲1 ответ.
Картинка наезжает на надписи при масштабе 150%
.gradik { background: rgb(244,240,240); background: linear-gradient(180deg, rgba(244,240,240,1) 0%, rgba(71,71,166,1) 23%, rgba(167,167,167,1) 54%); min-height: 100vh; } * {box-si…
- 0 ▲1 ответ.
Как сделать чтобы если текст не умещается в блок по ширине появлялись точки?
Должны быть точки после текста, если он не умещается по ширине.
- 0 ▲1 ответ.
Как разместить картинки таким образом?
Как разместить картинки таким образом?
- 0 ▲1 ответ.
Как поставить фоновое изображение на сайт HTML+CSS?
У меня есть сайт <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="…
- 0 ▲2 ответ.
Как убрать ненужное расстояние справа страницы
Нужно убрать вот это расстояние Я пробовал убирать position:absloute и это помогало только тогда кнопки располагались где-то посредине сайта (не понял почему - объясните и этот мо…
- 0 ▲1 ответ.
Высота тега html body
Как правильно указать высоту блокам html и body? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content=…
- 0 ▲1 ответ.
Не работает бургер (HTML and CSS)
не отображается бургер в браузере, переписывала несколько раз код, но так и не поняла в чем заключается ошибка. Буду рада, если кто-то поможет. body { background-color: black; fon…
- 0 ▲1 ответ.
Как уменьшить размер текста в <a> елементе
Хочу уменьшить размер текста вот этих вот кнопок Напишите код который уменьшит размер текста в элементах Вот код отвечающий за это: .person_description { width: 40%; margin: 0; ma…
- 0 ▲1 ответ.
Не работает background-color/image: linear-gradient в Safari
Всем привет. Столкнулся с следующей проблемой: Неккоректно работает linear-gradient в Safari. При этом в остальных браузерах всё корректно. На первом фото показано как работает в …
- 0 ▲2 ответ.
Как задать дочернему блоку высоту 100%?
Есть родительский блок .wrapper, у которого задана минимальная высота 100%. body { height: 100%; } .wrapper { min-height: 100%; } .inner { min-height: 100%; } <div class="wrapp…
- 0 ▲1 ответ.
Как разместить кнопки в div
Как расположить кнопки так как на картинке Пробовал как тут не получилось (делал display:block и z-index:10) HTML body { background-color: #090909; margin: 0; margin-left: 5%; mar…
- 0 ▲0 ответ.
Как починить слайдер
Сделал стандартный слайдер с переходами, но эти переходы идут не внутри контейнера, а перелистывают весь сайт вправо. Как это исправить? const slider = document.querySelector('.sl…
- 0 ▲1 ответ.
Как переопределить стили, заданный в js
Я задал такие стили через js и понимаю, что они имеют приоритет перед остальными стилями, заданными в css, но в media запросах мне нужно переопределять эти стили, но они не примен…
- 0 ▲2 ответ.
работа в html и css
Подскажите, пожалуйста, как в слове WHITE в каждой букве установить разную жирность. Рисунок ниже:
- 0 ▲1 ответ.
В div1 есть div1.2 - почему он отображается не до конца div1
Помогите пожалуйста я уже 2 часа сижу - весь код переписал не могу понять почему так Расстояние тут нормально не сделать поэтому пишу этот текст body { background-color: #171717; …
- 0 ▲2 ответ.
Как расстянуть блок на оставшиеся высоту родительского блока?
Как расстянуть блок ".body-block" на всю оставшиеся высоту родительского блока, что-бы блок ".footer" прижался к низу родительского блока? .main-block { width:…
- 0 ▲1 ответ.
Как сделать фиксированное расстояние для картинки
Как сделать так чтобы текст начинался справа от линии не в зависимости от того какого размера картинка HTML <!DOCTYPE html> <html lang="en"> <head> <…