Discussion :

[jounax]

Bonjour à tous, je m'explique, j'ai une partie sur mon site identification des membres, mais pour un souci esthétique j'ai crée mon propre bouton "envoyer".

Quand je met le code suivant tout fonctionne parfaitement sous I.E et firefox

Code :

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

1
2
 
<input type="submit" name="envoyer" value="Envoyer" />

Par contre lorsque j'utilise ce code j'ai un problème avec I.E, en cliquant sur le bouton il ne me log pas, mais m'envoie sur la page login qui est le script php pour me loguer

Code :

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

1
2
 
<input type="image" src="img/envoyer.gif" name="envoyer" value="Envoyer">

quelqu'un serait-il ou est le souci avec I.E?

Je vous remercie pour l'attention que vous porterai sur mon problème.

[htr999]

il ne suffit pas de faire de ta façon. il faudrait que tu déclares un style particulier pour ton bouton (avec une image de fond du bouton)
comme ceci

Code :

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

<input style="font-family:Arial; font-weight:bold; width:236; height:34; border:none; background-image:url(images/button1.png)" type="submit" name="envoyer" value="Envoyer" />&nbsp;&nbsp;

c'est la partie

Code :

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

style="font-family:Arial; font-weight:bold; width:236px; height:34px; border:none; background-image:url(images/button1.png)"

qui nous intéresse.
+ font-family:Arial; ==> police pour le texte du bouton
+ font-weight:bold; ==> en gras
+ width:236px; ==> largeur définie pour le bouton
+ height:34px; ==> hauteur définie pour le bouton
+ border:none; ==> pas de bordure
+ background-image:url(images/button1.png)"
c'est l'essentiel, tu peux meme ne garder que ce style-là et d'effacer les autres. ça prend "button1.png" qui se trouve dans le répertoire "images" comme image de fond pour ton bouton.

voilà c'est verbeux mais j'espere avoir pu t'aider...

[jounax]

J'ai réussi finalement

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<style>
  .bouton
  {
   background-image:url(img/envoyer.jpg);
   width: 99px ;
   height:53px;
   border:0px;
  }
</style>
.
.
.
<input style="font-family:Arial; font-weight:bold; " type="submit" name="envoyer" class="bouton" value="" id="formulaire"/>

En mettant le background dans le input le bouton ne prenait pas en compte toute l'image, mais juste la place que prend le bouton d'origine.
Alors j'ai testé avec un peu de css et c'est passé

Merci encore pour ta réponse qui m'a bien aidée.