Форум программистов
 
О проблемах, например, с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Ответ
 
Опции темы
Старый 29.03.2019, 22:20   #1
Ivan912
Пользователь
 
Регистрация: 26.01.2019
Сообщений: 30
По умолчанию Размещение кнопки на картинке в в верхнем правом углу в не зависимости от масштаба страницы

Как сделать чтобы кнопка всегда размещалась в верхнем правом углу картинке в независимости от изменения масштаба страницы?


Код:
<!DOCTYPE html>
<html>
  <head>
 
 <canvas id="canvas" width="100" height="67"></canvas> <!-- полотно где отображается код -->
 
  </head>
  <body>
   
 
 
  </body>
</html>


var cvs=document.getElementById("canvas"); // подключаем полотно для отображения кода
 
var ctx = cvs.getContext("2d"); 
var image12345 = new Image(); // добавляем картинку 
image12345.src = "https://cdn.pixabay.com/photo/2018/03/08/21/49/lighthouse-3209985_960_720.jpg"; // адрес картинка
image12345.id='qwe124';
document.body.appendChild(image12345);// отрисовываем кртинку 
 
 
 
 
 
 
 
var btn510 = document.createElement('button'); // создание кнопки 
 
function v52(){
 
 
btn510.id = 'cm51'; // её id 
 
btn510.textContent = 'Кнопка'; // её текст
 
document.body.appendChild(btn510); // нужно чтобы добавилось 
 
btn510.onclick = function() { // функция при клике на неё 
 
 
}
}
 
 
v52();


body {
text-align: center; /* выравниваем все содержимое body по центру */
}

Последний раз редактировалось Вадим Мошев; 30.03.2019 в 01:07.
Ivan912 вне форума Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Виндовс 10 реклама в правом нижнем углу экрана Ципихович Эндрю Windows 5 01.12.2018 17:53
окно в правом нижнем углу? WinnieDave Windows Forms 1 08.12.2015 20:23
2 div на одной линии, 1 по центру, второй в правом верхнем Человек_Борща HTML и CSS 2 01.04.2014 00:44
открытие окна в правом нижнем углу ВалекFCRK Общие вопросы Delphi 4 12.10.2011 18:23
Разместить элемент в правом нижнем углу anGeee HTML и CSS 3 02.05.2011 16:07


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS