probleme sous firefox avec une image !

[yorkknew]

Bonsoir à tous !!!

Alors voici un problème peu commun, en effet tout est parfait sous IE et pas sous FF (c'est le monde à l'envers hein ! 8O )

alors voici ce que cela donne sous FF :

et voici ce que cela donne sous IE et ce que je voudrais avoir :

Voilà !

Ah oui voici mon code CSS de l'image :

input.border{
	margin-right:-4px;
	margin-bottom:4px;
	height:15px !important;
	height:19px;
	border:1px solid red;
}

/*
input.valider{
	background-image:url('img/search_btn.gif');
	background-repeat:no-repeat;
	border:0px solid blue;
	cursor:pointer;
}

input.valider2{
	background-image:url('img/news_btn.gif');
	background-repeat:no-repeat;
	height:19px;
	width:19px;
	border:0px solid blue;
	cursor:pointer;
}

*/
.input_, .input_2 {
	float:left;
	text-align:center;
	padding-top:7px;
	width:217px;
	height:27px !important;	
	height:34px;
}

.input_{
	margin:0 auto;
}

.input_2{
	margin-left:55px !important;
	margin-left:30px;
}

form.form{
	height:19px;
	width:164px;
	margin:0 auto;
}

Merci beaucoup pour votre aide et de me lire !

 

[oli004]

et comment appelles-tu les éléments dans ton code ?

petite remarque au passage, essai de fixer un line-height, une police et sa taille. Car suivant les navigateurs ces parametres sont différents et peuvent de casser la design.

 

[yorkknew]

et comment appelles-tu les éléments dans ton code ?

Merci de me répondre, pour te répondre les images pour valider sont nommés "valider" et "valider2" (j'ai Deux cases recherche et même chose sur les deux) et la case recherche se nomme "border" !

petite remarque au passage, essai de fixer un line-height, une police et sa taille. Car suivant les navigateurs ces parametres sont différents et peuvent de casser la design.

Je vais essayer et je te tiens au courant.

:wink:

 

[yorkknew]

Rien n'y fait !

 

[yorkknew]

voici le HTML :

<form class="form" action="site" method="get" name="search"><input class="border" name="mot" value="search for a store" id="mot" onfocus="java script:this.value=''" type="text" /><input class="valider" src="img/search_btn.gif" name="recherche" id="recherche" value="search" type="image" /></form>

Merci d'avance à tout ce qui voudrait m'aider !

 

[bproductiv]

vire tes margin du input.border