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

[yaski]

я же написал код выше, примените его к вашему диву с картинкой и получите нужный результат
В вашем случае это будет выглядеть так

.product-field-display > img {
    position: fixed;
    right: 0;
    top: 50%;
}

пояснение: дописать в 102 строку файла vm.css)))

 

[nnnata]

я же написал код выше, примените его к вашему диву с картинкой и получите нужный результат
В вашем случае это будет выглядеть так

.product-field-display > img {
    position: fixed;
    right: 0;
    top: 50%;
}

пояснение: дописать в 102 строку файла vm.css)))

к сожалению, нужного результата не будет.

как я писала выше нужно, чтоб "Картинка должна быть немного правее цены товара/объема, и при прокрутке страницы или (др.действий со страницей) прокручиваться вместе с ними (т.е. не менять своего положения относительно цены)."
а код, который предложили вы жестко фиксирует картинку относительно края браузера/экрана. Т.е. при широком или узком экране картинка не будет на нужном месте, при прокрутке она не будет сохранять свою позицию относительно цены и т.д.

(ну и оч.желательно, чтоб когда мы сместим картинку на ее прошлом месте не оставалось незаполняемого пространства)

 

[yaski]

тогда так

.product-field-display > img {
    margin-left: 755px;
    position: fixed;
    top: 50%;
}

 

[nnnata]

тогда так

.product-field-display > img {
    margin-left: 755px;
    position: fixed;
    top: 50%;
}

та же беда. фиксирует на экране и при прокрутке цена уезжает, а наша картинка остается на месте. полагаю, нам в принципе не подходит position: fixed;

 

[yaski]

так бы сразу и сказали

.product-field-display > img {
    left: 600px;
    position: absolute;
    top: 350px;
}

 

[nnnata]

так бы сразу и сказали

.product-field-display > img {
    left: 600px;
    position: absolute;
    top: 350px;
}

Ура!-Ура! Вроде бы, это оно! Большое спасибо