Discussion :

[bygleader]

Bonjour,
je sais pas c'est quoi le problème avec mon bouton, le lien ne s'ouvre pas

Code :

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

1
2
3
4
<a href="https://www.google.fr/" target="_blank">
<button id="bt" style="font-size: 18px;border: 2px solid #AD235E;border-radius: 100px;width: 100px;height: 100px;padding: 97px;border-width: 2px;border-style: outset;border-color: buttonface;border-image: initial;box-sizing: border-box;box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); 
background-image: url(https://orig00.deviantart.net/3404/f/2007/275/f/d/enter_button_green_by_yiangos.gif);">
</button></a>

[Doksuri]

j'ai teste ton code, il fonctionne.
as-tu un message d'erreur ?
avec quel navigateur tests-tu ?

[bygleader]

Google chrome j'ai aussi tester avec opera

[Invité]

Bonjour,

un <button> n'a rien à faire dans un <a>

-> https://validator.w3.org/

The element button must not appear as a descendant of the a element

1- Mets-le dans un form avec action="ton_URL"

2- Ou style le lien :

Code :

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

1
2
3
<a href="https://www.google.fr/" target="_blank" style="display:block; font-size: 18px;border: 2px solid #AD235E;border-radius: 100px;width: 100px;height: 100px;padding: 97px;border-width: 2px;border-style: outset;border-color: buttonface;border-image: initial;box-sizing: border-box;box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); 
background-image: url(https://orig00.deviantart.net/3404/f/2007/275/f/d/enter_button_green_by_yiangos.gif);">
</a>

N.B. il faut ajouter display:block; (car un <a> est par défaut inline)

[Michel]

bizarreu !
sous linux, cela fonctionne avec Firefox, Chrome et Opera et même le navigateur interne de komodo-edit
Ceci dit, la remarque de jreaux62 est très pertinente !!

[Invité]

Ce n'est pas parce que ça "fonctionne" sur certains navigateurs (plus permissifs sur la syntaxe), que c'est VALIDE (W3C) et donc compatible.

[bygleader]

super, le code de #jreaux62 fonction tres bien sans la form justement envoie des données via ajax et ce lien et le retour après vérification sur un serveur externe, merci a tous