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

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

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

Опции

apelcun

Topic Starter сообщение

8.4.2014, 19:16; Ответить: apelcun

Сообщение #1

Новичок

Группа: User
Сообщений: 7
Регистрация: 20.8.2014
Поблагодарили: 0 раз
Репутация:


<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. Когда нажимаеш "По середине" то выровнять вертикально по середине.

Ответить с цитированием данного сообщения

Ринат_mw Ринат_mw 8.4.2014, 19:23; Сообщений: 756 Поблагодарили: 0 раз Репутация: 50 Просмотр профиля	8.4.2014, 19:23; Ответить: Ринат_mw Сообщение #2
Завсегдатай Группа: User Сообщений: 756 Регистрация: 7.1.2014 Поблагодарили: 0 раз Репутация: 50	А самого ресурса нет?

moving

9.4.2014, 10:50; Ответить: moving

Сообщение #3

Группа: User
Сообщений: 436
Регистрация: 24.4.2012
Поблагодарили: 0 раз
Репутация:

Ну здесь можно попробовать следующее, для начала меняем 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');
}

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Выравнивание картинки по центру между текстом	10	NikN	2637	6.1.2021, 23:24 автор: buypushplatform
Выравнивание содержимого footer'a	0	press74	4997	2.7.2019, 18:58 автор: -iiwanc-
Выравнивание по центру	5	Markelok	5331	24.8.2014, 15:28 автор: -Dima3456-
Выравнивание кода с помощью tabifier	0	Siege	3515	13.12.2013, 22:42 автор: Siege
Относительно выравнивание text area	2	80LevelElf	10088	22.8.2013, 16:54 автор: -80LevelElf-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 2:21

Дизайн