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



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

#1 apelcun77
apelcun77
  • Неактивные
  • 6 сообщений
  • Репутация: 0
0

Обновлено 09 апреля 2014 - 09:50  Отправлено 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
  • Неактивные
  • 423 сообщений
  • Репутация: 28

Отправлено 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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 22.5 3 темы, 6 сообщений, 1 балл репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 18 Вне конкурса за определение пользователя месяца

  • Фотография kuztoday
    #3

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография SergiuS85
    #4

    SergiuS85
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография kolver
    #5

    kolver
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография mkreine
    #6

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #7

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография fedornabilkin
    #8

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

  • Фотография wp01
    #9

    wp01
    Очков активности: 7.5 0 тем, 5 сообщений, 1 балл репутации

  • Фотография Totti
    #10

    Totti
    Очков активности: 7.5 0 тем, 5 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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