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
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
Exemple :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Blog
Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
(Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager