problème d'alignement CSS

Question

Je conçois la page d'accueil de mon site d'enregistrement de domaine et je suis coincé à un endroit. Dans Firefox et Google Chrome, le bouton Rechercher et Lancer est aligné sur le texte et la zone de sélection, mais dans Opera et IE8, ils sont en train de baisser un peu.

J'ai essayé toutes les choses mais je ne suis pas capable de comprendre le problème réel.

Answer 1

S'il vous plaît commenter les propriétés CSS3 suivantes (s'il vous plaît voir ci-dessous) dans la classe .regbutton de votre stylesheet puis essayez

.regbutton, .regbutton:visited { 
    background: #222 url(/getImage.php?src=myUploadedImages/overlay.png) repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none; 
    /*-moz-border-radius: 6px;*/ /*comment out all CSS3 properties*/ 
    /*-webkit-border-radius: 6px;*/ 
    /*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/ 
    /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/ 
    /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/ 
    /*border-bottom: 1px solid rgba(0,0,0,0.25);*/ 
    position: relative; 
    cursor: pointer; 

} 

Answer 2

essayez de définir border:none pour vos boutons

Answer 3

Je vois beaucoup de style unneccesary. En substance, c'est ce que vous voulez: Basic form without floats

Vous pouvez ajuster les tailles de police et les couleurs ici, jusqu'à ce que vous ayez ce que vous voulez. Mais c'est un bon point de départ, car il est cross browser identique. En outre, pensez à utiliser l'élément <button> au lieu du <input type="button">. Il vous donne plus de liberté dans le style.

Les contrôles de formulaire sont une source de douleur pour les faire paraître bien dans tous les navigateurs, en particulier les boutons et les boîtes de sélection.