espace blanc entre balise div avec background-image

**helkøwsky** · 06/09/2010, 18h55

Bonjour,

je crée mes trois balises dans lesquelles je mets mes images en background mais pourtant il me reste un important espace blanc entre chaque je vois pas d'ou cela provient.
l'html

Code :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Bienvenue sur pain du matin</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design" href="test2.css" />
   </head>
<body>
			<div class="sidebox">
				<div class="boxhead"><h2>Test Headline</h2></div>
				<div class="boxbody">
					<p>This is a short sample paragraph.</p>
					<p>And another one.</p>
				</div>
				<div class="boxdown">retr</div>
			</div>
</body>

et le css ou j'ai bien essayé d enlever toutes les marges

Code :

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
 
div
{
		margin-bottom: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}
.boxhead{
		background: url(image/panier/entete.jpg) no-repeat;
		height: 30px;
		margin-top: 0px;		
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}
.boxbody{
		background: url(image/panier/centre.jpg) repeat-y;
		margin-bottom: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}
.boxdown{
		background: url(image/panier/piedpage.jpg) no-repeat;
		height:30px;
		margin-bottom: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}

**Lenézé** · 06/09/2010, 20h30

Bonjour Polinsky,

Voici ce qui est à faire pour que ton code soit fonctionnel :

Code :

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
div,p
{
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}
.boxhead{
		background: url(image/panier/entete.jpg) no-repeat;
		height: 30px;
		margin-top: 0px;		
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}
.boxbody{
		background: url(image/panier/centre.jpg) repeat-y;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}
.boxdown{
		background: url(image/panier/piedpage.jpg) no-repeat;
		height:30px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
}

En espérant que cela réponde à tes attentes,
Cdt,

Lenézé

**helkøwsky** · 06/09/2010, 20h33

hello,

ah oui ctrl+c et ctrl+v et j'ai pas changé le bottom. merci beaucoup c'est niquel

espace blanc entre balise div avec background-image

CSS

Discussions similaires

Partager

Partager