probleme sous firefox avec une image !

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par yorkknew, 4 Septembre 2008.

  1. yorkknew
    yorkknew WRInaute discret
    Inscrit:
    21 Avril 2007
    Messages:
    66
    J'aime reçus:
    0
    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 :
    [​IMG]

    et voici ce que cela donne sous IE et ce que je voudrais avoir :
    [​IMG]

    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 !
     
  2. oli004
    oli004 WRInaute passionné
    Inscrit:
    5 Janvier 2005
    Messages:
    1 629
    J'aime reçus:
    0
    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.
     
  3. yorkknew
    yorkknew WRInaute discret
    Inscrit:
    21 Avril 2007
    Messages:
    66
    J'aime reçus:
    0
    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" !


    Je vais essayer et je te tiens au courant.

    :wink:
     
  4. yorkknew
    yorkknew WRInaute discret
    Inscrit:
    21 Avril 2007
    Messages:
    66
    J'aime reçus:
    0
    Rien n'y fait !
     
  5. yorkknew
    yorkknew WRInaute discret
    Inscrit:
    21 Avril 2007
    Messages:
    66
    J'aime reçus:
    0
    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 !
     
  6. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    vire tes margin du input.border
     
Chargement...
Similar Threads - probleme firefox image Forum Date
Problème d'affichage d'image sous FIREFOX Développement d'un site Web ou d'une appli mobile 28 Octobre 2008
[résolu] Problème d'affichage (IE/firefox) avec images Développement d'un site Web ou d'une appli mobile 16 Janvier 2007
Firefox: problème d'espaces entre images Développement d'un site Web ou d'une appli mobile 25 Décembre 2006
Problème Firefox 17 avec jQuery et interprétation de code JS Développement d'un site Web ou d'une appli mobile 23 Décembre 2012
Probleme de compatibilité IE / Firefox Développement d'un site Web ou d'une appli mobile 18 Janvier 2011
Doctype et Firefox : problème Débuter en référencement 9 Juin 2010
Probléme de CSS sur firefox et safari Administration d'un site Web 19 Mai 2010
problème entre IE et Firefox Demandes d'avis et de conseils sur vos sites 5 Mai 2010
Problème accès à Google webmaster tools avec Firefox 3.5.1 Crawl et indexation Google, sitemaps 24 Juillet 2009
Problème impression d'anims Flash avec Firefox Développement d'un site Web ou d'une appli mobile 5 Mai 2009
Problème de marqueur XITI sous Firefox Développement d'un site Web ou d'une appli mobile 1 Mai 2009
probleme de mise en page css sous firefox , osus IE, tout est ok Développement d'un site Web ou d'une appli mobile 3 Janvier 2009
probleme animation flash sous firefox Développement d'un site Web ou d'une appli mobile 14 Décembre 2008
problème css IE != firefox Développement d'un site Web ou d'une appli mobile 30 Novembre 2008
Problème d'ffichage d'annimation flash sur firefox Développement d'un site Web ou d'une appli mobile 9 Août 2008
Tit problème de float:left sous FireFox... Développement d'un site Web ou d'une appli mobile 25 Juin 2008
Problème CSS : Firefox - Safari OK,Opéra - IE 7 KO Développement d'un site Web ou d'une appli mobile 16 Juin 2008
problème avec menu dynamique sous firefox Développement d'un site Web ou d'une appli mobile 8 Juin 2008
probleme d'affichage de mon site avec firefox Développement d'un site Web ou d'une appli mobile 19 Mai 2008
Problème encodage avec firefox Développement d'un site Web ou d'une appli mobile 13 Mai 2008