28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

au sein d'une balise <pre>, j'affiche à la fois du texte simple et des inputs de type text. Le problème que je rencontre est que les inputs sont affichés avec une hauteur supplémentaire de 2px, ce qui me provoque des décalages.

voici ma css :

body {
	font-family: Courier;
	font-weight: normal;
	font-size: 16 px;
	color: #000000;
}

input.text {
	font-family: Courier;
	font-weight: normal;
	font-size: 16 px;		
	letter-spacing: 1px;
	color: #000000;
	background: #DDDDDD;
	border: none;
}


J'ai essayé de réduire la taille de font des inputs mais je n'arrive jamais à faire en sorte que la clientHeight de IE soit égale à 16px...

des idées sur une autre combinaison de paramètres ?
Modifié par loobiecore (30 Jun 2005 - 14:05)
la mise à zéro du padding et du margin ne résoud pas le problème...

par rapport à mon précédent post, j'avais oublié le style sur la balise <pre>.

body, select {
	font-family: Courier;
	font-weight: normal;
	font-size: 16 px;
}

pre {
	margin: 0;
	padding: 0;
}
input.text {
	font-family: Courier;
	font-weight: normal;
	font-size: 16 px;		
	letter-spacing: 1px;
	border: none;	
}