css: адаптивный размер текста (в зависимости от ширины блока)
Есть вот такой код в котором в одной полосе выводится 2 блока. Задача такая: левый блок занимает всё место, которое не занимает правый блок (пропусков между блоками нет) размер пр…
Вопросы по тегу: css
- 0 ▲2 ответ.
- 0 ▲0 ответ.
Можно ли менять позиции блоков, когда создаешь медиа запросы?
Чтобы блоки с текстом встали по горизонтали, а карта ушла пол них, когда уменьшаешь ширину сайта
- 1 ▲1 ответ.
Не подключается css к Spring MVC Security
Имеется Spring MVC проект + Spring Security. И не удается никак подключить css стиль. Структура папок: style.css: h1 { color: rgba(255, 1, 90, 0.9); } jsp file: <%@ taglib pref…
- 0 ▲1 ответ.
В консоли работает но в скрипте не работает
Не полный код из js. этот кусок находится в функции которую я в html вызываю на onclick, по клику на кнопку другой обьект должен становиться больше, в моём случае это текст которы…
- 0 ▲1 ответ.
Как добавить эти `` сверху
Мне нужно добавить верхние скобочки ``
- 0 ▲0 ответ.
Помогите доделать многоуровневое меню
const contents = document.querySelectorAll('.content'); const menu = [...document.querySelectorAll('.menu *:not(.head)')]; document.addEventListener('click', (event) => { const…
- 0 ▲1 ответ.
Как сделать такое на grid или flex
Как отступать слева по максимальной ширине текста? Как это сделать без минимальной ширины текста
- 0 ▲1 ответ.
Подскажите пожалуйста, как опустить текст на картинку
Как опустить текст на картинку,чтоб из этого получить это ? ( Грид не убирайте,он мне нужен будет ) .giphone { text-align: center; } .gih1 { font-size: 44px; } .gih5 { font-size: …
- 0 ▲1 ответ.
Подскажите, как опустить текст на картинку
Как опустить текст на картинку,чтоб из этого получить это ? ( Мне посоветовали добавить position: relative для .psila и position: absolute для .tsila: ,но после этого уходит текст…
- 0 ▲1 ответ.
Верстка карточки товара
Ребят в чем проблема? Пытаюсь сверстать карточку товара по макету. В итоге не могу центрировать по вертикали изображение внутри блока. Верхний значек процентов я оформил, его дает…
- 0 ▲2 ответ.
Сделать фон больше размера container
Подскажите как сделать фон таким образом. Контент находится в container 1500px. Размер блока с фоном 1700px. Пробовал делать такую конструкцию <orange-background> <contai…
- 0 ▲1 ответ.
Как сделать контейнер имел max-width таким, чтобы левая часть была с отступом, а правая шла через весь экран
Нужно, чтобы грузовик касался правой части экрана, но при этом, чтобы левая часть с текстом имела такой же отступ как и у header а, нужно сделать это без позиционирования грузовик…
- 1 ▲0 ответ.
Преобразовать прогресс-бар в виде линии в кружок
Есть вот такой вот прогресс-бар в виде линии <div class="rating__nextlevel__progress"> <div class="progress-bar"> <div class="percent-count…
- 0 ▲0 ответ.
Не получается адаптивная верстка. Flex не работает так как надо
Не пойму что делаю не так. По идее, на всех устройствах с разрешением до 767 пикселей кнопка должна уезжать вниз, а текст ставиться наверх. Но так не работает. Что делаю не так? &…
- 0 ▲1 ответ.
как в css для grid-а плюсануть к fr pixel
(два блока) вот так не работает grid-template-columns: calc(2fr + 8px) 1fr; grid-template-columns: (calc(2fr + 8px)) 1fr;
- 0 ▲1 ответ.
Как на Flutter реализовать CSS фильтр
не занимался вебом немного не понимаю что это за эффект. Подскажите как реализовать это на Flutter background: #BD87FF; filter: blur(40px);
- -1 ▲1 ответ.
анимированное Меню бургер
Не получается создать значок в форме X, как можно исправить? .navbar__hamburger { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; he…
- 0 ▲1 ответ.
Как задать тень тексту при градиентном фоне текста?
Есть текст с градиентом: <div class="text"></div> .text { background: linear-gradient(180deg, #fff981 33%, #c9870a 66%, #ffd339); -webkit-background-clip: te…
- 1 ▲1 ответ.
Как сделать, чтобы скрипт срабатывал для нескольких элементов с одинаковым классом не одновременно
Всех приветствую. Пытаюсь разобрать в проблеме и нужна помощь. На странице находятся 2 калькулятора с одинаковым скриптом, но разными значениями. При работе одного калькулятора ре…
- 0 ▲2 ответ.
При анимации CSS происходит скачок элемента подскажите как исправить?
Всем привет! Пытаюсь разобраться с CSS и у меня возникла проблема. Мне нужно сделать так, чтобы при наведении на карточку, блок изначально с иконкой (FontAwesome) раскрывался, я с…
- 0 ▲1 ответ.
Почему не работает position fixed и flexbox контейнер?
У меня есть шапка сайта(header__top) с position fixed и justify-content: space-between, но justify-content не работает, и я знаю что при position fixed нужно задавать ширину блоку…
- 2 ▲0 ответ.
Как сделать полосу прокрутки с отступами для отдельной секции?
У меня есть секция шириной более 3000 px и основная часть контента находиться справа. Я хочу сделать для него собственную полосу прокрутки с вертикальными и горизонтальными отступ…
- 1 ▲1 ответ.
как убрать перенос текста на другую строку?
Использую навбар бутстрапа.И изначально navbar такой.Но при сужение сайта происходит такое: вот весь код который связан с навбаром: html : <header> <nav class="navba…
- 0 ▲0 ответ.
Как заставить контейнер следить за движением сайдбара в css
У меня на сайте есть сайдбар и блок div. Выглядит это всё вот так: Когда я нажимаю кнопку закрытия сайдбара (крестик рядом с логотипом), он уезжает влево, за экран и страница выгл…
- 0 ▲2 ответ.
Нужно сверстать блок(картинка 1) который при нажатии разворачивался и показывал другой блок(картинка 2). Подскажите пожалуйста, как это сделать?
html .table-of-contents { background: #f2f5f9; margin-bottom: 30px; line-height: 1.7; } .table-of-contents-header { padding: 15px 30px; font-weight: 700; font-size: 1.1em; } .tabl…
- 0 ▲1 ответ.
Как сделать плавное появление псевдоэлемента?
Задача такая, есть кнопка с иконкой «i» и при наведении на нее, нужно чтобы иконка отодвигалась влево и появлялась надпись полная «Информация» рядом с иконкой… Я сделал следующее……
- 0 ▲0 ответ.
Где должен быть title страницы, если она формируется из трех шаблонов?
Сделал для тренировки MVC сайт на PHP. Как водится, у меня в папке View есть шаблон header.php, который цепляется сверху к главной странице и любой записи. Также есть footer.php. …
- 0 ▲1 ответ.
Как правильнее сделать бордер под текстом?
Хочу спросить как правильно сделать бордер под текстом на всю ширину? .logo { font-size: 18px; line-height: 22px; color: #070707; margin-right: 150px; } .header-line { padding-top…
- 0 ▲1 ответ.
Как "прибить" footer к самому низу сайта?
header, footer, body, .video-conteiner { background-color: darkolivegreen } .navbar p { color: darkgray; padding-left: 15%; } /*Стили панели навигации при наведении мышью*/ .navba…
- 0 ▲1 ответ.
Как сделать движение фона при скролле в два раза медленне
Как сделать чтобы задняя атрибутика(она идёт одним изображение - фон) двигалась в два раза медленне чем мы скроллим(параллакс называется)