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


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

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

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

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

    WGN (worldgamenews.com)
    Очков активности: 81 Вне конкурса за определение пользователя месяца

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

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

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

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

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

    AnnaYa (topbase.ru)
    Очков активности: 33 2 темы, 5 сообщений, 2 балла репутации

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

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

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

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

  • Фотография Алексей111
    #9

    Алексей111
    Очков активности: 28.5 5 тем, 4 сообщения, 1 балл репутации

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

    fedornabilkin (zaka4ano.ru)
    Очков активности: 24 0 тем, 4 сообщения, 4 балла репутации

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

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 24.09.2018
Топ 5 участников по репутации


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

#1 apelcun77

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

Отправлено 08 April 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 April 2014 - 18:23

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


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


#3 moving

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

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