Discussion :

[Jolt0x]

Bonjour,

J'ai des boutons input de type submit sur lesquelles j'applique un style sous forme de classe CSS.

Mes boutons sont :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input class= "boardbutton" type="submit" name="doLogin" value="Login" style="width:80px;">

La classe boardbutton est :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.boardbutton {
    border: none;
    background-color: #24A1DD;
	color:  white;
/*	font-weight:  bold; */
    height: 25px;
    padding-top: 5px;	
    padding-bottom: 5px;	
    padding-left: 15px;	
    padding-right: 15px;	
    min-width: 10px;
    min-height: 10px;
}

Le rendu sous IE est bien. En revanche sous FF, c'est un peu moins bien, le texte du bouton est un peu trop bas. J'ai essayé d'augmenter le margin-bottom mais si je le fait, sous IE la marge du bas (le margin-bottom) est trop importante. Je n'arrive pas bien a center sur les 2 navigateurs.

J'ai mis en en pièces jointes, les images des copies d'écrans du boutton sous IE et FF.


Je ne souhaite pas utiliser les balises HTML <boutton>, juste les inputs de type submit.