Problème de lien sous IE8

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 {
height:15px;
width:85px;
margin-top:10px;
margin-left:0px;
background-image:url(../images/submit2.png);
}

Bonjour,

2 idées :

1/

- changer le type button en submit

- input représente un élément dans un formulaire soit <form>, donc le formulaire est à insérer

2/

-virer l´élément input tout simplement.

Bonjour,

Merci pour ta 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);
}

Bonsoir,

je vieillis comme tout le monde, j´ai pas tout compris ce que tu voulais faire. je suppose que le bouton pour ouvrir error.html c´est pour ouvrir une page d´erreur, pas vrai?

2 formulaires en un seul, Ça va pas le faire....2 fois <form>

un tableau dans un formulaire alors que tu as du CSS. Euh, je vais dire non.
<td style="width:80px;">Login </td> se remplace par une balise <label> par exemple.

As-tu un lien en dur? J´arrive pas à me faire à l´image.
Sérieux, en PHP, tu as des combines simples de validation/contrôle de formulaires.