Всем здравствуйте! Я бэкендер, поэтому не очень разбираюсь в стилях, но сейчас делаю full-stack проект на Bootstrap-5. Мой код вертски: <body class="d-flex flex-column min…
Ребят, только начинаю изучать html и css, делаю свой третий сайт, так что не судите строго. Есть два блока и их нужно выровнять, так как на картинке, как мне это сделать? Через di…
Мне нужно чтобы когда я перезагружаю страницу вся она становилась чёрной а потом спустя пару секунд этот слой отъезжал вверх при этом нажимать не куда не нужно. Вот css код .anima…
Я пытался это сделать множественными способами, но не получилось. Вот html код: <body> <div class="Hat"> <h2>Logo</h2> <div class="Hot-P"> <div cl…
САБЖ: Есть дизайн у которого есть элементы со сложной формой в виде гексогона или ячейки сот. Внутри этого элемента есть имидж и иной контент. ПРОБЛЕМА: Необходимо сделать полупро…
Не совсем понимаю, почему не работает. Заранее спасибо за ответ! function Menu() { const [Menu__item, setMenu__item] = useState(`Menu__item`) function handleClickBtnMenu() { setMe…
Я хочу чтобы фоновая картинка была до конца экрана на любом разрешении экрана CSS background-color: #606060; background-image: url(../img/main.jpg); background-repeat: no-repeat; …
подскажите, как можно реализовать такую шкалу?
Вот такую штуку хочу сверстать, но у меня выходит коряво. Помогите как это правильно сверстать? .opisanie { border: 1px solid black; max-width: 740px; } .price { border: 1px solid…
Нужно как то сделать картинку по середине,text-align не помогает Вот css код,если нужен HTML,напишите * { margin: 0; padding: 0; } .ss { display: grid; grid-template-columns: repe…
Как сделать на HTML, CSS, JS такой слайдер как на этой странице superlist.com. Чтобы когда видео заканчивалось, начиналось новое и следущий заголовок менял цвет, а также чтобы мож…
Всё выглядит вот так. Что сделать чтобы всё смотрелось нормально? Когда его убираю то всё +- нормально
Сделан pop-up в zeroblock, в блоке есть галерея-слайдер. При открытие popup галерея есть, но первое изображение не отображается если нажимаешь на кнопку слайдера или изменяешь раз…
Шаблон: .Top_menu a{ display: inline-block; font-family: 'Rubik'; font-size: 14px; font-weight: 600; color: white; text-decoration: none; } .log{ display: inline-block; background…
подскажите пожалуйста, как вывести только первую строку и остальной текст скрыть многоточием но при этом не ограничивать фиксированной шириной, а использовать 100% от ширины блока…
<div class="f1"> <div class="block clearfix"> <div class="pic1"><span>текст</span></div> <div class="pic2…
Столкунулся с такой проблемой: при нажатии на <input type="text"/> у этого инпута появляется нижняя бирюзовая грань. Я уже копался в стилях этого инпута, но ничего…
Как сделать на HTML, CSS, JS так, чтобы курсор "|" когда возвращается налево он заменял слово на другое + на новый "цвет"-"background-color" и потом …
const slides = document.querySelectorAll('.sidebar-item') const up = document.querySelector('#up') const down = document.querySelector('#down') up.addEventListener('click', RGB) d…
Как сделать круг, с красным кругом внутри, расположенным по центру и толстой, целостной обводкой снаружи, которая немного бледнее цвета, самого круга?
Не понимаю почему верхней строке я обрезала,а во второй он ведет себя не правильно,я так понимаю это опять гриды не дают обрезать или в чем дело? .catalog-img7{ background-image: …
Например:у меня 2 div я хочу , чтоб содерижимый текст первого был синий, а содержимый текст второго был красный, но когда я пишу в css стиль div, то стиль применяется к обеим соде…
Возникла проблема с выпадающем меню, его нужно перенести при нажатии на передний план, но мешает элемент с позиционированием sticky под ним, вот сам сайт - https://0398-46-172-28-…
Подскажите пожалуйста, как вытащить текст при смене активного слайда с блока .swiper-slide__text в блок .swiper-content, который находится вне слайдера? То есть нужно, чтобы при с…
Кто подскажет как реализовать такой эффект. Есть слайдер. он где то в середине страницы условно. Необходимо чтобы изображение было растянуто на 100vh, но область видимости была до…
Только начал верстку изучать и сразу затык)) html, body { font-family: Arial; margin: 0; padding: 0; height: 100%; width: 100%; border: 3px solid black; } .block { height: 100%; b…
Всем привет! Вопрос: Есть условный "слайдер" на сайте, все слайды в котором объединены в единый фрейм. Как с помощью CSS или JS сделать анимацию (чтобы по нажатию на кно…
$(function() { $(".draggable").draggable(); }); .headerTableau { background: #E4E3E1; color: #8A2336; text-shadow: 0 1px 1px gray; } .bodyTableau { padding: 10px 20px; background:…
Есть следующая задача, карточки расположены по две в ряд на десктопе и каждая имеет равную ширину, которая равна 50%, при клике на карточку добавляется класс active и эта карточка…
Я хочу сделать выпадающее поле при наведении на карточку. Но столкнулся с тем, что поля в .container куда-то делись. Как я понял, тут нужно играться со свойством overflow Подскажи…