Перемещение кнопки по сайту

@Стас029 · Регистрация: 09.02.2018

Что нужно сделать с тегом <button> чтобы можно было кнопку перемещать по сайту.

@mrtoxas · 25.04.2018, 20:58

По какому событию перемещать, куда перемещать? Опишите нормально задачу.

@Стас029 · 25.04.2018, 21:02 **[ТС]**

Есть квадрат. По бокам у квадрата две кнопки должно быть. Они наложены сверху на линии сторон квадрата.

@mrtoxas · 25.04.2018, 21:06

Тааак, интересно, продолжайте

@Стас029 · 25.04.2018, 21:10 **[ТС]**

Вот я не знаю. Что в классе .button указать позицию? А для второй кнопки тогда как?

@Стас029 · 25.04.2018, 21:11 **[ТС]**

Вот так

@galawar · 25.04.2018, 21:56

например:

HTML5

1 2	<button class="button button-prev"> Prev </button> <button class="button button-next"> Next </button>

CSS

.button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.button-next {
  right: 0;
}
.button-prev {
  left: 0;
}

а для блока внутри которого эти кнопки лежат дать position: relative;

@Стас029 · 29.04.2018, 14:22 **[ТС]**

Спасибо! ! !

@Стас029 3 / 2 / 1 Регистрация: 09.02.2018 Сообщений: 118
		1
	Перемещение кнопки по сайту 25.04.2018, 20:53. Показов 5624. Ответов 7 Метки нет (Все метки) Что нужно сделать с тегом <button> чтобы можно было кнопку перемещать по сайту. 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	25.04.2018, 20:58	2
	По какому событию перемещать, куда перемещать? Опишите нормально задачу. 0

@Стас029 3 / 2 / 1 Регистрация: 09.02.2018 Сообщений: 118
	25.04.2018, 21:02 [ТС]	3
	Есть квадрат. По бокам у квадрата две кнопки должно быть. Они наложены сверху на линии сторон квадрата. 0

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	25.04.2018, 21:06	4
	Тааак, интересно, продолжайте 0

@Стас029 3 / 2 / 1 Регистрация: 09.02.2018 Сообщений: 118
	25.04.2018, 21:10 [ТС]	5
	Вот я не знаю. Что в классе .button указать позицию? А для второй кнопки тогда как? 0

Решение