Как исправить применение цвета к блоку div?
Делаю карточку товара для сайта, хотел сделать приятное выдвижение описания при наведении, но столкнулся с проблемой, что сам размер блока - изменяется, однако цвет заднего фона задаётся лишь в тех местах, где есть текст...
Вот код - https://codepen.io/FaDaQ/pen/ExJKJVa
Help please
Дополнительно:
верстка изначально ужасная. Так не верстают. Надо полностью переделать. Могу предложить костыль в виде
.product-container:hover .description div { height: 315px; } |
.product-container:hover .description div { height: 315px; }
но блок дергается
.product-container:hover .description { position: absolute; padding: 50px; /* margin: 50px; */ } |
.product-container:hover .description { position: absolute; padding: 50px; /* margin: 50px; */ }
Вёрсткой стал заниматься недавно, без единого понятия что и как.
Я бы хотел узнать, как обычно верстают, если честно
Ответы:
Посмотри здесь (№2)
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы применить цвет к блоку div, можно использовать CSS. В CSS можно задать цвет фона, цвет текста, а также другие стили для блока div. Вот пример кода, который покажет как это сделать:
.myDiv { background-color: lightblue; /* Задаем цвет фона */ color: white; /* Задаем цвет текста */ padding: 20px; /* Добавляем отступы вокруг текста */ } <div class="myDiv"> Этот текст будет с цветом фона lightblue и белым текстом. </div>.myDiv { background-color: lightblue; /* Задаем цвет фона */ color: white; /* Задаем цвет текста */ padding: 20px; /* Добавляем отступы вокруг текста */ } <div class="myDiv"> Этот текст будет с цветом фона lightblue и белым текстом. </div>
В данном примере мы создали стиль с классом "myDiv", в котором задали цвет фона блока div (lightblue), цвет текста (белый) и добавили отступы вокруг текста с помощью свойства padding. После этого применили этот стиль к блоку div с помощью атрибута class.
Таким образом, чтобы изменить цвет блока div, нужно использовать CSS и задать нужные стили для блока. Не забывайте, что цвета можно задавать в различных форматах (например, названием цвета, RGB-кодом или HEX-кодом), так что выберите подходящий для ваших потребностей.