[Решено] Проблема в размере изображений

Тема в разделе "OpenCart", создана пользователем Vintage, 16 ноя 2015.

Статус темы:
Закрыта.
  1. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    По дефолту в теме стоит размер изображения 279x135 и отображает картинки одинаково, как только меняю размер, например на 200x220 то выходит что главное изображение становится больше, как его выровнять ко всем? Сайт ride.com.ua
    [​IMG]
     
  2. VaLeXaR

    VaLeXaR

    Регистрация:
    24 мар 2015
    Сообщения:
    61
    Симпатии:
    84
    У вас размеры первого изображения прописаны полные. То есть, если вы поставите размер главной картинки 220, то и реальный размер первой картинки тоже будет 220. Но поскольку в стилях прописан максимальный размер по размеру контейнера, то и растягивается она только до пределов контейнера. Ширина контейнера для картинки 85. Отсюда и разница в размерах. Все последующие картинки меньшего размера. У них максимальная ширина 75. Потому они и не могут быть больше 75.
     
  3. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Так как можно это исправить, чтобы первую подогнать к остальным? Уже обыскал везде, ничего не могу найти, что за это отвечает.
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.044
    Симпатии:
    775
    Если стилями подгонять, то это изображение сплюснет, так что нужно шаблон отредактировать, чтоб генерировалось дополнительное изображение правильного размера.
     
  5. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Одним CSS тут не обойтись..?
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.044
    Симпатии:
    775
    Вообще, можно обойтись вот таким стилем, но изображение будет чуть смещено влево и ничего с этим сделать не получиться.
    Код:
    .thumbs_list_frame li.first a{
        width: 35px;
        display: block;
        margin: 0 auto;
    }
    
     
    Vintage нравится это.
  7. Vintage

    Vintage

    Регистрация:
    31 мар 2013
    Сообщения:
    237
    Симпатии:
    39
    Изменил на margin-left: 20px и вроде стало как надо
     
Статус темы:
Закрыта.