Помогите пожалуйста. Интернет магазин сделан на движке WP с плагином woocomerce. Помогает только если загружать фото одного размера, но это не всегда возможно и когда фото не одинакового размера, товары начинают съезжать. В этом деле новичок и не разбираюсь с стилями. Может кто сталкивался с такой проблемой. Хочется что бы цены были вровень , не в зависимости от размера фото. Буду очень благодарен за помощь.
Как вариант, задать обертку для картинок с фиксированными размерами. И сделать изображение responsive: добавить стиль к изображению (display: block; max-width: 100%; height: auto;)
<div style="width: 300px; height: 300px; overflow: hidden;">
<img style="display: block; max-width: 100%; height: auto;" src="Ваше изображение" alt="" />
</div>
По поводу стилей для обертки: width: 300px; height: 300px; overflow: hidden; width - должно совпадать с шириной блока height: указывать размер совпадающий с шириной блока (в данном случае 300px) overflow: hidden - убирать все что выходит за рамки указанных размеров блока
Если блоки товаров фиксированной высоты, просто можно прижать блок с ценой к низу, сделав его absolute и спозиционировав, как вариант.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Добрый деньКаким образом можно реализовать диаграмму доступности серверов по SNMP
Здравствуйте, подскажите какой самый эффективный способ, запретить использование элементовДопустим есть блок с формой, textarea, кнопкой, инпутами,...
Возможно, что @Akina или @Mike уже разбираются в моих задачах не хуже меня :)Их помощь, как и помощь всего клуба Stack Overflow порой неоценима