28173 sujets

CSS et mise en forme, CSS3

Padding différent sur input

bonjour,
quelqu'un pourrait m'expliquer pourquoi sur IE et FF l'input n'as pas le même padding?

Merci



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">
.submit{
	background: #4a82b5;
	border: 1px solid #4a82b5;
	color: White;
	cursor: pointer;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	text-decoration: none;
	padding: 0;
}
</style>
</head>
<body>
	<form>
	<input type="reset" value="RESET" class="submit">
	</form>
</body>
</html>
gforce a écrit :
bonjour,
quelqu'un pourrait m'expliquer pourquoi sur IE et FF l'input n'as pas le même padding?

Merci

Ils n'ont pas le même padding ? C'est à dire ?
Tu trouves que le texte n'est pas bien aligné verticalement ? Smiley rolleyes

Si tel est le cas, essaye donc de spécifier un line-height...
Cela devrait les mettres tous les deux d'accord. Smiley cligne
Bonjour,

gforce a écrit :

quelqu'un pourrait m'expliquer pourquoi sur IE et FF l'input n'as pas le même padding?


Spécifier une largeur (width) pour obtenir un rendu identique.
l'espace entre le bord du bouton et le texte je parle. Et je ne peux pas spécifier une largeur vu que la largeur du bouton dépend de son texte.

Il n'existe pas de solution?
Si tu veux aligner ton texte verticalement, utilises un line-height et une hauteur spécifiée.
Si tu veux centrer ton texte horizontalement, utilises un text-align.

Mais si tu nous montrais le problème rencontré et que tu illustrais ce que tu aimerais avoir, on irait plus vite... Smiley sweatdrop
Sujet clos
Aller à