Перейти к содержимому

Реферальная программа Мегаплана


Отступ с верху, cнизу и вертикальное выравнивание

#1 apelcun77

apelcun77
  • Пользователь
  • 6 сообщений
  • Репутация: 0
0

Отправлено 08 Апрель 2014 - 18:16

<div id="position">
<label><input class="pickimg" type="radio" name="img_position" value="top"><img src="images/position_top.png" title="По верху"></label> 
<label><input class="pickimg" type="radio" name="img_position" value="mid"><img src="images/position_mid.png" title="По середине"></label> 
<label><input class="pickimg" type="radio" name="img_position" value="bot"><img src="images/position_bot.png" title="По низу"></label>
</div> 
<div id="clothes"><img id="set_img_color" value="'1'" src="'.images/test'"></div>
$(document).ready(function(){
    $('#position').on('click', 'input', function () {
        if (this.value == "top") {
$("#set_img_color").css('padding', '190px 0px 0px 0px');
}
   if (this.value == "mid") {
$("#set_img_color").css('padding', '240px 0px 0px 0px');
}
   if (this.value == "bot") {
$("#set_img_color").css('padding', '290px 0px 0px 0px');
}
    });
 });

Есть 2 кода - 1 HTML, другой jquery. Я не знаю как правильно настроить CSS. Хочу сделать чтобы когда нажимаеш "По низу" то set_img_color сдвигался в самый низ и от низа делал отступ в 150px. Когда нажимаеш "по верху" то сдвигать в самый верх и от верха делать отступ 150px. Когда нажимаеш "По середине" то выровнять вертикально по середине.


 

 

  • 0

#2 Ринат

Ринат
  • Пользователь
  • 756 сообщений
  • Репутация: 50

Отправлено 08 Апрель 2014 - 18:23

А самого ресурса нет?


  • 0
Создание и продвижение сайтов


#3 moving

moving
  • Пользователь
  • 420 сообщений
  • Репутация: 27

Отправлено 09 Апрель 2014 - 09:50

Ну здесь можно попробовать следующее, для начала меняем padding на margin

Отступ по низу

$("#set_img_color").css('margin', '100% 0px 150px 0px');

По верху:

 if (this.value == "top") {
$("#set_img_color").css('margin', '150px 0px 100% 0px');

По центру

  if (this.value == "mid") {
$("#set_img_color").css('margin', '40% auto');
}

Проценты регулируй по месту. Конечно надо смотреть непосредственно весь код, но по идее должно работать


  • 1


Оформление форума – IPBSkins.ru