probleme sous firefox avec une image !

yorkknew

WRInaute discret
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 :
103910.jpeg


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


Voilà !

Ah oui voici mon code CSS de l'image :

Code:
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

WRInaute passionné
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

WRInaute discret
oli004 a dit:
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" !


oli004 a dit:
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

WRInaute discret
voici le HTML :

Code:
<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 !
 

Discussions similaires

Haut