28173 sujets

CSS et mise en forme, CSS3

Pour être plus claire que le titre de ce poste, je cherche à avoir un bloc (div) avec un petit espace en haut et en bas afin que le txt ne touche pas les bords plus une marge afin de séparer les différents blocs.

Sous FF j'ai le bon résultat mais sous ie j'ai un espace trop grand (cf : img) pourtant mon code n'a rien de spéciale.

Comment faire pour remédier a ca.

Bien sur c'est le même résultat que FF que je cherche a avoir

#connexion {
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 10px;
	color: #333;
	background-color: #eee;
	padding-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}


Merci upload/7929-img.gif
Modifié par christobal (02 Nov 2006 - 20:55)
dsl mais je suis en cours de dev donc pas d'exemple en ligne.
Par contre voici la cellule correspondant au css du poste précédent.



<td width="200">
<div id="connexion">
<form name="acces" id="acces" method="post" action="">
identifant<br />
<input name="login" type="text" class="input" id="login" value="" />
<br />
<br />
mot de passe<br />
<input name="pass" type="password" class="input" id="pass" value="" />
<input name="Submit" type="image" src="images/template/ok-bleu.gif" class="Bt" value="connexion" />
</form>
</div>
</td>
Coucou ...

A première vue ton code semble plutôt correct, mais bien sûr sans avoir exactement le code (et pas seulement celui de la ligne), il est un peu difficile de voir d'où peut provenir le problème. Smiley ohwell

Cependant, il ne faut pas perdre de vue que tu dois également spécifier les marges internes et externes à tes éléments de tableau, et pas uniquement à ce qu'il y a dedans. Smiley murf

Par exemple, n'hésite pas à renseigner tes lignes et colones ...
 table {
border-spacing:0;
border-collapse:collapse;
}

table tr {
margin:0;
padding: 0;
}

table td { 
margin:0;
padding: 0;
}


C'est souvent source d'erreur Smiley cligne
il faut placer tes input dans des <p> et customiser le tout <p> et <input>.
Par default les hauteurs les bordures les marges des <input> sont differentes sur IE et FF
Modifié par jp94 (03 Nov 2006 - 06:11)