Bonjour,
 
Je souhaite créer un bouton "submit" qui ouvre la page "error.html" mais mon code actuel qui marche sous Firefox et Chrome, ne marche pas sous Internet explorer 8 : la page "error.html" ne s'ouvre pas.
Est-ce que vous auriez une petite idée ? Merci d'avance...
 
Mon code :
 
HTML :
<a href="error.html" target="_self"><input class="bouton" type="button" value="Envoyer"/></a>
 
CSS :
.bouton{
 background-image:url(../images/submit.png);
 text-indent:-9999px;
 width:85px;
 height:15px;
 margin-top:10px;
 margin-left:0px;
}
 
.bouton:link{
 
 background-position:0 0;
 }  
 
.bouton:visited {
 background-position:0 0;
 }
 
.bouton:active {
 background-position:0 0;
 }
 
 
.bouton:hover {
 background-position:0 0;
 height:15px;
 width:85px;
 margin-top:0px;
 margin-left:0px;
 background-image:url(../images/submit2.png);
 }

Bonjour,  
 
Pourquoi tu ne passes pas par un form classique ? Les "objets" du type input sont faits pour cela...
 
et rien ne t'empêche de placer ensuite ton image en tant qu'élément input.
 
hpl76

Bonjour,
 
Merci pour votre réponse.
J'avais bien mis mon code HTML dans un form... J'ai essayé d'enlever l'élément input mais sans succès  
(mon text-indent:-9999px; ne fonctionne pas et si j'enlève le texte, le bouton disparaît).
J'ai essayé de mettre mon bouton en dehors du form mais j'ai le même problème.
Bref, je sèche complètement...
 
 
code HTML:
 
   <div id="login">
   <form action="http://tonForum.qqch/page_d_identification.php" method="post">
   <form method="post" action="traitement.php">  
   
    <table cellpadding="1" cellspacing="50" >
    <tr><td style="width:80px;">Login </td><td><input type="text" name="login" style="width:200px;" /></td></tr>
    <tr><td style="width:80px;">Password </td><td><input type="password" name="pass"  style="width:200px;"/></td></tr>
    <tr><td>&nbsp;&nbsp;</td><td>&nbsp;&nbsp;<a class="bouton" href="error.html">enregistr</a>&nbsp;&nbsp;&nbsp;&nbsp;<input class="bouton2" type="reset" name="reset" value="Reset"/></td></tr>  
    </table>
   </form>  
   </div>
 
 
 
code CSS:
 
.bouton{
 position:relative;
 background-image:url(../images/submit.png);
 background-repeat: no-repeat;
 text-indent:-9999px;
 width:85px;
 height:15px;
 margin-top:10px;
 margin-left:0px;
   
}
 
.bouton:link{
 
 background-position:0 0;
 }  
 
.bouton:visited {
 background-position:0 0;
 }
 
.bouton:active {
 background-position:0 0;
 }
 
 
.bouton:hover {
 height:15px;
 width:85px;
 margin-top:10px;
 margin-left:0px;
 background-image:url(../images/submit2.png);
 }
 
 
 
 
.bouton2{
 background-image:url(../images/reset.png);
 text-indent:-9999px;
 width:85px;
 height:15px;
 margin-top:10px;
 margin-left:0px;
}
 
.bouton2:link{
 
 background-position:0 0;
 }  
 
.bouton2:visited {
 background-position:0 0;
 }
 
.bouton2:active {
 background-position:0 0;
 }
 
 
.bouton2:hover {
 width:85px;
 height:15px;
 margin-top:10px;
 margin-left:0px;
 background-image:url(../images/reset2.png);
 }

Un lien sur un bouton, c'est vraiment n'importe quoi. Ca ne se fait pas. Tu ajoutes simplement à ton bouton ceci  :