Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages :: 1
#1 31-10-2011 18:30:30
- dobi19
- Membre
- Inscription : 23-07-2009
- Messages : 35
Probléme CSS bouton submit entre IE et FF
Bonsoir,
J'ai voulu créer un champ de recherche personnalisé en CSS.
Mais j'ai un petit problème d'affichage entre Internet Explorer et FireFox,
j'ai toujours un soucis d'affichage du bouton "submit" il ne tombe pas pil poil
sur la hauteur du "input texte" le bouton est toujours plus haut sur l'un des navigateur.
La sur le CSS que j'ai posté ici, j'ai rajouté des valeurs de largeurs et hauteurs
et sur IE ça tombe impeccable mais pas sur FF
Si je ne met pas de valeurs de tailles, ça tombe très bien sur FF et pas du tout
sur IE le bouton est trop haut.
Si quelqu'un pourrait m'expliquer et m'aider à savoir pourquoi et comment faire
pour qu'il soit identique sur IE et FF ce serait très sympas.
Merci d'avance et bonne soirée.
Le CSS:
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
width:340px;
float:left;
margin-top: 27px;
}
#colomn_right input{
width:175px;
height:16px;
border: 1px solid #b0b0b0;
background: url(images/icon_textbox_search.gif);
background-repeat:no-repeat;
background-position:1% 49%;
text-indent: 0px;
padding-left: 20px;
}
#colomn_right input.button2 {
width: 84px;
height:20px;
color: #000;
background: url(images/bg_button.gif);
margin-left: 5px;
text-indent: 0px;
padding-left: 5px;
}
#colomn_right input.button2:hover{
border-color: #3DB2F5;
}
La un champ texte simple + mon bouton de recherche:
Recherche <br />
<input type="hidden" name="" value="" />
<input type="hidden" name="" value="" />
<input type="text" name="" size="31" />
<input class="button2" type="submit" name="" value="Rechercher" />
</form>
Hors ligne
Pages :: 1