Помогите центрировать изображение в карточке товаа

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

262012
262012
Репутация: 0
Сообщения: 1
Зарегистрирован: 26.08.2018
С нами: 5 лет 7 месяцев

Сообщение #1 262012 » 26.08.2018, 10:13

Здравствуйте. Помогите решить проблему центрирования картинки в карточке товара.
Ситуация такая: есть картинка (прикрепила) но она на странице отображается не по центру, что нужно сделать, чтобы она отображалась по середине.

Буду признательна за помощь в решении этой проблемы.
Вложения
joxi_screenshot_1535278186245.png

makki M
makki M
Репутация: 199
Сообщения: 697
Зарегистрирован: 12.08.2016
С нами: 7 лет 7 месяцев
Откуда: Киев
Сайт

Сообщение #2 makki » 26.08.2018, 19:30

HTML

Код: Выделить всё

<div class="product_image">
   <a href="....">
      <img class="product_img" src=".....">
   </a>
</div>


CSS

Код: Выделить всё

.product_image {
    text-align: center;
    height: 440px;
}
.product_img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
Cоздание и расширение функционала интернет-магазина на платформе OkayCMS 2 (с 3-й и 4-й версией не работаю)


Название раздела: Вопросы по работе с OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Вопросы по работе с OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 31 гость