Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

margin: -8px;

Mais merci quand même