Header : fonction top [Résolu]

[gambas1900]

Bonjour,

Je commence tout juste en programmation et je rencontre un petit problème. J'ai créer un Header sous Photoshop, que je veux intégrer sur ma page html. Donc j'utilise un CSS. Le problème est qu'il y a une marge blance au dessus et qu'il ne se répète pas horizontalement. Ci-dessous : le code css et une capture d'écran. J'ai vérifier mon fichier Photoshop et il n'y a aucune marge.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
body{
	background: #FFFFFF;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 9px;
	}
 
#header{
	height: 77px;
	background: url(images/header.png) repeat-x top;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	}

Et la capture d'écran.

[Emyleen]

Alors moi je dirais qu'il te faudrait rajouter quelques petits trucs :

Code css :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body{
	background: #FFFFFF;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 9px;
        margin: 0;
        padding: 0;
	}
 
#header{
	height: 77px;
	background: url(images/header.png) repeat-x top;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
        margin: 0;
        padding: 0;
	}

Voila qui devrait déjà régler tes problèmes de marge blanche. N'oublie pas de vérifier si l'adresse de ton image est bonne, pour moi il devrait bien pouvoir se répéter horizontalement avec le repeat-x.

[gambas1900]

En fait j'ai trouver, il suffit de mettre une valeur négative dans "margin".

Code :

margin: -8px;

Mais merci quand même