Bonjour,
j'aurai besoin de votre aide, en html je ne vois pas du tout comment créer un bouton (qui amènerait vers une lien) et qui serait placé en bas à droite d'une image.
Merci beaucoup de votre aide,
Cdt,
Axel
Version imprimable
Bonjour,
j'aurai besoin de votre aide, en html je ne vois pas du tout comment créer un bouton (qui amènerait vers une lien) et qui serait placé en bas à droite d'une image.
Merci beaucoup de votre aide,
Cdt,
Axel
:salut:
Exemple :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78 <!DOCTYPE html> <html lang="fr" dir="ltr"> <head> <!-- cache-control avec max-age=60 pour le développement uniquement --> <meta http-equiv="cache-control" content="public, max-age=60"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="author" content="Daniel Hagnoul"> <title>test</title> <style> *, *:after, *:before { box-sizing: border-box; } /* code du test */ #imgBtnDessus { position: relative; width: 20rem; height: 15rem; border: 1pt dotted grey; } #imgBtnDessus > img { position: absolute; top: 0; left: 0; width: 20rem; height: 15rem; z-index: 1; } #btnDessus { position: absolute; bottom: 1rem; right: 1rem; z-index: 2; } /* fin code du test */ </style> <script> 'use strict'; document.addEventListener( "DOMContentLoaded", ev => { // le DOM est construit, la page web n'est pas visible // code du test // fin code du test }, false ); window.addEventListener( "load", ev => { // le DOM est construit et la page web est visible // code du test document.querySelector( "#btnDessus" ).addEventListener( "click", ev => { window.location.href = "https://www.developpez.net/forums/blogs/285162-danielhagnoul/"; }, false ); // fin code du test }, false ); </script> </head> <body> <main> <div id="imgBtnDessus"> <img src="http://danielhagnoul.developpez.com/images/imageTest.png"> <button id="btnDessus">Go</button> </div> </main> </body> </html>