Décalage avec des DIV et CSS

Bonjour, voilà j'ai des soucis avec des décalages sur certains DIV
par exemple dans le CSS j'ai le code

.texte {background-color: #D1E9FF;
	margin-top: 10px;
	margin-left: 10px;
	font-size:11px;
	width: 566px;
	border: 1px none;}

.texte pre { 	font-size:9px;
		font-family: verdana;}

et dans le fichier HTML

<div class="texte">

<h1>A Propos...</h1>
<h2>L</h2>
<center><img height=200 width=200 src="3_11540.jpg"></center>

<p>TEST
</p>
</div>

Je me retrouve avec un espace en bas comme si j'avais un margin-bottom:10; dans la feuille de style ...
Je m'y prends peut être mal à un endroit ?

Merci.
Modifié par nikorasufr (07 Jul 2006 - 13:56)

nikorasufr a écrit :

Je me retrouve avec un espace en bas comme si j'avais un margin-bottom:10; dans la feuille de style ...
Je m'y prends peut être mal à un endroit ?

Merci.

Hello et bienvenue

Ton espace en bas est dû aux marges par défaut sur l'élément <p>.
Il suffit de les supprimer pour ne plus avoir cet espace.

Plus d'infos

PS : l'élément <center>, obsolète, est vivement déconseillé.
Modifié par Raphael (07 Jul 2006 - 14:06)

Merci pour les infos ! en effet c'était pas plus compliqué que cela !
Pour <center> je devrais plutôt définir l'image dans le CSS et mettre en position center ?

nikorasufr a écrit :

Pour <center> je devrais plutôt définir l'image dans le CSS et mettre en position center ?

Cela dépend s'il s'agit d'une image de contenu ou de décoration.
D'ailleurs actuellement ton image ne possède pas d'attribut alt qui est pourtant obligatoire et extrêmement utile aux non-voyants.

Merci pour les infos ! je vais corriger tout cela