Как сделать Расположение элемента всегда в том же месте?

Question

[Sergei2325]

https://jsfiddle.net/7054o1hg/1/
Всем привет ! Подскажите пожалуйста при клике на картинку ( сделал красный бордер) отображается элемент все отлично, но при другом розшерение екрана этот элемент улетает, как его зафиксировать в одной точке (например под картинкой)

Спасибо зарание!

Comments

[Tim]

жесть полная

[Ankhena]

Почитать про абсолютное позиционирование и как и от чего рассчитываются координаты.

А серьезно: открыть любой визуальный редактор и посмотреть как там всё устроено.

Answer 1

[Александр Епихин]

Позицианировать через absolute. Выпадающее меню и кнопку вызывающую это меню поместить внутрь одного блока.
Вам необходимо все унифицировать. У вас много дублирования кода.
Каждой кнопке клик на которую изменяет стиль текста можно добавить класс js-control и добавить data-атрибуты
data-property - название свойства которое будет меняться и data-value - значение которое будет подставляться.
Т.е. вы находите все элементы с классом js-control, вешаете на них один обработчик клика, после клика определяется свойство которое должно меняться (property = data-propety) и значение которое необходимо поменять (value = data-value) и применить их
textContent.style[property] = value;