Выравнивание Картинок В Каталоге Товара
#1
Отправлено 19 Ноябрь 2015 - 13:47
#2
Отправлено 19 Ноябрь 2015 - 17:39
Imlies (19 Ноябрь 2015 - 13:47) писал:
Здравствуйте.
По данному вопросу консультировали по телефону.
#3
Отправлено 02 Декабрь 2015 - 10:20
Firefly (19 Ноябрь 2015 - 17:39) писал:
По данному вопросу консультировали по телефону.
Здравствуйте! Теперь появилась другая проблема - картинки выравниваются по левому краю. Можно ли как-нибудь сделать, чтобы изображения любых пропорций выравнивались строго по центру?
#4
Отправлено 02 Декабрь 2015 - 11:17
Imlies (02 Декабрь 2015 - 10:20) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle; display: table-cell; }
Замените на:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle; display: table-cell; padding-left: 5px;}
Найдите код:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle; display: table-cell; }
Замените на:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle; display: table-cell; padding-left: 5px;}
#5
Отправлено 02 Декабрь 2015 - 11:37
Firefly (02 Декабрь 2015 - 11:17) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle; display: table-cell; }
Замените на:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle; display: table-cell; padding-left: 5px;}
Найдите код:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle; display: table-cell; }
Замените на:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle; display: table-cell; padding-left: 5px;}
На тех товарах, у которых картинка узкая, но высокая, не помогло. Они все еще по левому краю располагаются.
#6
Отправлено 02 Декабрь 2015 - 13:56
Imlies (02 Декабрь 2015 - 11:37) писал:
Попробуйте тогда так:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle; display: table-cell; padding-left: 5px;}
Замените на:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle;}
Найдите код:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle; display: table-cell; padding-left: 5px;}
Замените на:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle;}
#7
Отправлено 02 Декабрь 2015 - 14:32
Firefly (02 Декабрь 2015 - 13:56) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle; display: table-cell; padding-left: 5px;}
Замените на:
#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; vertical-align: middle;}
Найдите код:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle; display: table-cell; padding-left: 5px;}
Замените на:
#content .box3 .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px;vertical-align: middle;}
Вы мне вернули все в то состояние, в котором все было изначально - теперь они "приклеены" к верхнему краю блока =). Можно ли как-то сделать, чтобы картинки не приклеивались ни к одной из сторон блока с товаром, а располагались по центру с равными отступами и сверху/снизу и с боков?
#8
Отправлено 02 Декабрь 2015 - 15:23
Imlies (02 Декабрь 2015 - 14:32) писал:
#content .box3 .tabproduct .img img { max-width:165px; max-height:165px; position:relative; z-index:31;}на
#content .box3 .tabproduct .img img { max-width:165px; max-height:165px; position:relative; z-index:31; margin-top: 12px;}и отредактируйте отступ фото сверху в margin-top: 12px;.
#9
Отправлено 02 Декабрь 2015 - 15:40
Alekseys (02 Декабрь 2015 - 15:23) писал:
#content .box3 .tabproduct .img img { max-width:165px; max-height:165px; position:relative; z-index:31;}на
#content .box3 .tabproduct .img img { max-width:165px; max-height:165px; position:relative; z-index:31; margin-top: 12px;}и отредактируйте отступ фото сверху в margin-top: 12px;.
Здравствуйте! Прошу прощения, что мучаю вас, просто у нас на сайте есть картинки с разными пропорциями и сделав отступ у одних, я неизбежно "поломаю" другие. Цель - сделать так, чтобы разные картинки с разными пропорциями центрировались в блоке. Такое возможно сделать? Просто я сейчас могу настроить отступ, например у горизонтальных прямоугольных картинок так, чтобы они были по центру, но тогда картинки, у которых высота больше, съедут вниз за границы блока. Тоже самое и при отступе слева или справа - если картинка высокая, но узкая, то ее можно отцентрировать отступом от края, но тогда квадратные картинки с большей шириной уползут вбок за границы блока с товаром.
#10
Отправлено 02 Декабрь 2015 - 16:04
Imlies (02 Декабрь 2015 - 15:40) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных