Utilisation d'un kit graphique

**Zenith** · 21/01/2007, 07h29

Bonjour, alors voila, j'ai créé un kit graphique sous photoshop, et lorsque j'ai voulu, en suivant de multiples tutoriels du net, l'appliquer a une page web, j'ai un probleme, en effet, il y a deux images du kit qui sont constemment décalées. voila mon code html:

Code html :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="format.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div class="global">
 
<div class="header">
<img src="images/interface/header.jpg"></img>
</div>
 
<div class="menuheader">
ok
</div>
 
<div class="menu">
ok
</div>
 
<div class="contenu">
ok
</div>
 
<div class="footer">
<img src="images/interface/piedsdepage.jpg"></img>
</div>
 
</div>
</body>
</html>

et le code css

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
body {
background-color: black;
background-repeat: no-repeat;
}
 
.global {
width: 800px;
height: 800px;
margin-right:auto;
margin-left:auto;
margin-top:20px;
margin-bottom:20px;
padding:0px;
spacing:0px;
text-align:left;
}
 
.header {
width:790px;
heighth:180px;
background-image: url('images/interface/header.jpg');
background-repeat: no-repeat;
}
 
.menuheader {
width:790px;
heighth:50px;
background-image: url('images/interface/menuheader.jpg');
background-repeat: no-repeat;
}
 
.menu {
width:209px;
heighth:497px;
background-image: url('images/interface/menu.jpg');
background-repeat: no-repeat;
float:left;
}
 
.contenu {
width:581px;
heighth:497px;
background-image: url('images/interface/contenu.jpg');
background-repeat: no-repeat;
float:right;
}
 
.footer {
width:790px;
heighth:73px;
background-image: url('images/interface/piedsdepage.jpg');
background-repeat: no-repeat;
}

et en fait le probleme vient de la ligne ou normalement il y a le enu ET le contenu, j'observe quelques pixels de séparation, qui décalent la ligne vers la droite, alors que je n'en veux pas.

et je ne vois pas l'erreur.
quelqu'un pourrait m'aider svp ?

PS les tailles mises sont les tailles exactes des images, si ca peut aider.

merci d'avance.

**blueice** · 21/01/2007, 08h56

Tu devrais nous donner une URL ou alors faire un zip du dossier complet, page+éléments, pour que l'on puisse se rendre compte de ton problème.

Là tout ce que l'on voit c'est une page noire...

**La Gerance** · 21/01/2007, 18h21

Il faudrait aussi savoir si c'est sous IE ou sous Firefox que tu as un problème

**MasterOfChakhaL** · 22/01/2007, 00h18

Salut,

Ton css contient un certain nombre de coquilles...
Tu écris heighth au lieu de height. La propriété spacing n'existe pas...

Ce lien t'aidera peut-être a corriger le code: http://jigsaw.w3.org/css-validator/

Utilisation d'un kit graphique

CSS

Vue hybride

Discussions similaires

Partager

Partager