[Résolu] Problème de décalage ...

Bonjour à tous !

Je viens encore une fois demander votre précieuse aide ...
Je travaille actuellement sur le site de mon projet informatique et je butte sur un problème concernant ma structure gaphique ...

Comme un exemple parle plus que des mots, voici l'adresse du dit site : http://ocr.atlanteam.free.fr

Comme vous l'aurez remarqué, il y a une sorte de ligne blanche entre l'image "top" avec le texte "News" et le reste du cadre ...

Je ne sais pas comment régler ce petit problème sans que mon texte soit décalé vers le haut (ce qui fait également moche ...)

L'adresse de ma feuille de style est la suivante : http://ocr.atlanteam.free.fr/style.css

Merci d'avance pour votre aide
Modifié par K20 (08 Feb 2007 - 21:48)

Bonsoir,
C'est un problème classique de non prise en compte du padding
dans le calcul de hauteur (dans ton cas).
Tu as un padding de 8px au niveau de #inside_title qui vient s'ajouter à la hauteur de 41px soit un total de 49px.
Tu dois donc déclarer

#inside_title {
	width: 682px;
	height: 33px;
	background-image: url('top.jpg');
	background-repeat: no-repeat;
	padding-top: 8px;
	color: #FFF;
}

Le text-align center est inutile puisqu'il est déclaré au niveau du conteneur.
Pour des explications, lire cet article
Modifié par Hermann (08 Feb 2007 - 01:05)

Merci beaucoup ça fonctionne
J'y penserais la prochaine fois ...