[ Résolu] Bouton formulaire css pas reconnu sur IE7

Bonjour,

Je suis entrain de faire un formulaire d'inscription et il est impossible de faire afficher mon bouton personnalisé "envoyer" sur IE alors que sur firefox c'est nickel
; A la place j'ai un bouton gris.
Comment faire ? merci

voici le code html:

<button type="submit" value="wanewsletter">S'inscrire</button>

voici le code css:

.button 
{
text-indent: -8000px;	
overflow:hidden;	
height: 26px;	
width: 97px;	
background-image: url(img/bouton-inscription.gif);	
background-repeat: no-repeat;	
cursor:pointer;	
border:none;	
background-position: 0px 0px;	
float: right;	
margin: 0px;
padding: 0px;
} 

Modifié par eman (11 Mar 2009 - 13:04)

Bonjour eman,

2 sujets sans aucun suivi particulier ou relance de ta part, oubli des règles élémentaires de savoir vivre et un message pour le moins sybillin, cela fait beaucoup non ?
Merci de fermer tes autres sujets s'ils ne sont plus d'actualité, de mettre un peu de forme dans tes messages à l'avenir, et d'expliciter avec un "peu plus" de détails (code complet, page en ligne,...) tes problèmatiques

Cdt,
Sylvain
Modifié par 6l20 (11 Mar 2009 - 00:37)

Re,

Tu définis une classe (.button) que tu n'utilises pas...
D'ailleurs ce bouton est a priori unique dans ta page, un identifiant (id) ne serait sans doute pas plus mal ?!
Un nom plus explicite (#newsletter/.newsletter ?) peut également s'évérer plus facile à maintenir dans le temps
Anyway, si tu utilises l'élément button, ton image devra(devrait/doit ?) se trouver dans le html :

<button id="button(ou newsletter...)" >
<img src="abonewsletter.truc" alt="S'inscrire à notre newsletter" />
</button>

Si je pars du principe que ce bouton sert à valider une inscription à ta newsletter, plutôt que d'utiliser "button", un input de type submit conviendra parfaitement :

<input name="newsletter" id="newsletter" type="submit" />

Tu peux également utiliser un input de type image :

<input type="image" name="abonewsletter" 
src="abonewsletter.truc" alt="s'inscrire à notre newsletter" 
title="inscription à notre newsletter" /> 

Mettre en forme cet input reste tout à fait possible (rajouter l'identifiant ou la classe que tu auras défini dans ta css)

Une recherche dans les sujets déjà traités devraient également t'apporter moultes réponses
Je suis loin d'être un spécialiste de la chose, d'autres avis ne manqueront pas de venir repréciser/corriger les choses

Cdt,
Sylvain

J'ai trouvé la solution :

En fait c'était un problème de hauteur du bouton, il manquait un pixel, donc 27px au lieu de 26px. Pas évident, faut vraiment aller à taton


Merci pour ton aide