Подвинуть и обрезать картинку по рамке

Тема в разделе "Верстка", создана пользователем droni4, 20 янв 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    Здравствуйте уважаемые

    подскажите пожалуйста как можно
    сдвинуть картинку влево и обрезать что бы не вылазила за рамки

    2014-01-20_194024.png


     
  2. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    В файле стилей main.css

    создай стиль:
    Код:
    #tovar .prdbrief_thumbnail img{
    width: 180px;
    }
    Результат:
    http://prntscr.com/2kyrav
     
    Последнее редактирование: 20 янв 2014
    droni4 нравится это.
  3. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    так я сожму (сжатое) изображение, а хочется обрезать и сместить влево.
     
  4. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    Тогда в файле стилей main.css
    Найди
    Код:
    #tovar .prdbrief_thumbnail {
    border: solid 10px #f1e8ea;
    }
    и замени на
    Код:
    #tovar .prdbrief_thumbnail {
    border: solid 10px #f1e8ea;
    overflow: hidden;
    }
    а ниже пропиши:
    Код:
    #tovar .prdbrief_thumbnail img{
    margin-left: -15px;
    }


    Результат: http://prntscr.com/2kyxkm
     
    Последнее редактирование: 20 янв 2014
    droni4 нравится это.
Статус темы:
Закрыта.