0

Товару заданы три свойства, у каждого есть картинка. Как задать стили, чтобы при выключеном свойстве, картинки не просто "исчезали". но и сдвигались. (на изображения внимания не обращать) Если нужен код:

if($propertyCode == "TAMP") 
    $sticker .= 'style="font-size:20px; top:320px;padding-left:140px;background: url(/tamp.png) 1px -1px no-repeat;"';
if($propertyCode == "GRAV") 
    $sticker .= 'style="font-size:20px; top:320px;padding-left:70px;background: url(/gravirovka.png) 1px -1px no-repeat;"';
if($propertyCode == "UF_PRINT") 
    $sticker .= 'style="font-size:20px; top:320px; background: url(/uf_print.png) 1px -1px no-repeat;"';

введите сюда описание изображения

Св-во выключено сейчас:
Сейчас

А нужно:
введите сюда описание изображения

К этим элементам применяется еще класс:

.xit {
    width: 73px;
    height: 69px;
    display: block;
    font-size: 24px;
    line-height: 68px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    position: absolute;
    right: 2px;
    top: 2px;
    font-family: 'AGLettericaCondensedBold';
    text-transform: uppercase;
    background: url(/bitrix/templates/eshop_adapt_blue/img/icon.png) -36px -314px no-repeat;
}
11
  • 1
    @Николай, попробуйте float:left без padding-left.
    – Visman
    25 сен 2015 в 12:02
  • @Visman, ну да, а я вот не сразу понял, что имеется ввиду)
    – Alex Krass
    25 сен 2015 в 12:03
  • @AlexKrass, да я замучился тут с целеуказаниями в комментариях уже :) Нельзя выбрать кому писать автоматом или может я найти не могу этого.
    – Visman
    25 сен 2015 в 12:07
  • @Visman они друг на друга наслаиваются в этом случае. 25 сен 2015 в 12:11
  • 1
    @Николай, к float:left добавьте свойство задающее ширину элемента, а то кажется у вас там только беграунд есть, а ширина в 0 установлена.
    – Visman
    25 сен 2015 в 12:16

1 ответ 1

1

Проблема решена! Исправил в классе position:relative и добавил float:left. Всем спасибо!

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.