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

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

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


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

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

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


Код:
<!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 в 02:07.
Ivan912 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

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


00:02.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.