Discussion :

[orga69300]

Bonjour à tous !

J'ai un problème avec mon Button en HTML, j'aimerais qu'il fasse une redirection sur une autre page, mais je n'y arrive pas.


Voici mon code :

Code :

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
<style>
      
      .button {
      border: none;
      display: block;
      text-align: center;
      cursor: pointer;
      outline: none;
      overflow: hidden;
      position: relative;
      color: white;
      font-weight: 600;
      font-size: 15px;
      background-color: #000000;
      padding: 15px 50px;
      margin: 0 auto;}
      .button span {
      position: relative; 
      z-index: 1;}
      .button:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 580%;
      width: 140%;
      background: #0F0F0F;
      -webkit-transition: all .9s ease-in-out;
      transition: all .9s ease-in-out;
      -webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
      transform: translateX(-100%) translateY(-25%) rotate(45deg);}
      .button:hover:after {
      -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
      transform: translateX(-9%) translateY(-25%) rotate(45deg);}
    
        </style>
    <div class="container">	
      <button type="button" class="button">
      <span>Redirection</span>
      </button>

Voici mon bouton, j'aimerais qu'il fasse une redirection sur un autre site.

Si une personne agréable pourrais me répondre en modifiant mon code pour que le button redirige sur un site ça serrait super ! Merci

[solo190]

hello orga69300,
regarde cette discution résolu , elle te permet de mettre un lien sur un boutton
https://www.developpez.net/forums/d2...t-lien-bouton/
A+

[NoSmoking]

Bonjour et bienvenue sur DVP.

Voici mon bouton, j'aimerais qu'il fasse une redirection sur un autre site.

En HTML cela s’appelle un lien soit la balise <a>, après avec le CSS tu peux lui donner l'apparence que tu veux.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="https://www.developpez.com/">Developpez</a>