background-image + repeat = ecart? [Résolu]

Ctesias · 19/01/2012, 14h57

Bonjour,

J'ai un problème avec un background image. En effet, lors que je remplie la div avec celle-ci, grâce à la répétition de l'image, un ecart apparait entre deux images.

Savez-vous comment enlever cet écart?

Cordialement.

Ctesias

Meloooo · 19/01/2012, 16h29

Salut,
Montre nous ton code, mais je pense que ca vient du fait qu'un div est de type block

Ctesias · 19/01/2012, 16h45

et bien dans tous ce qui nous interesse, il y a cela:

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
	#conteneur{margin-top:0px; padding:0; width: 955px; min-height:142px; background-image:url(../images/encart32bits.png);}
	#entete{width:955px;
	height:333px;
	z-index:-1;
}
		}#menu{
	min-height:53px;
	width:955px;
	background-image: url(../images/fondmenu32bit.png);
	background-repeat:no-repeat;
	color:#000;
	font-family: 'CenturyGothic';
 
}
 
#menu a{
color: #000;
padding:8px;
padding-top:15px;
display:block;
float:left;
width:120px;
text-align:center;
}

avec ce code la en 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
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
<!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=utf-8" />
<link href="css/page_accueil.css" rel="stylesheet" type="text/css" />
<link href="css/general.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="script/script.js"></script>
</head>
<title>Document sans titre</title>
</head>
 
<body onload="menuSlider.init('menuliste','slide');">
<div id="centrage" style="position: relative; margin-top: auto; margin-bottom:auto; margin-left:auto; margin-right:auto; width: 955px;">
		<div id="menu" ><?php include("menu.php"); ?>
 
		</div>
 
		<div id="entete">
		<?php include("diapo.php");?>
<div id="logo">
   	  </div>
 		 </div>
  <div id="conteneur">
    	<div id="Encart1">
        Encart 1:
        </div>
 
        <div id="Encart2">
        Encart 2
        </div>
 
        <div id="Encart3">
        Encart3 
        </div>
   		Conteneur
 
  </div>        	
  <div id="footer">
 
   		 Footer
 
  </div>	
 
 
</div>
</div>
</body>
</html>

Meloooo · 19/01/2012, 16h51

Ton écart il est ou ?

Ctesias · 20/01/2012, 08h51

Bonjour! Desole du temps de réponse.

Mon écart se trouve sur le background-image de conteneur.

MErci de tes réponses

Meloooo · 20/01/2012, 09h51

Au risque de paraître débile, mais ton bloc conteneur est en écart avec quel autre bloc ?
Essayes de regarder du côté du :

Code :

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

1
2
 
display:inline;

Hijack · 20/01/2012, 10h49

Citation:

Envoyé par Ctesias

J'ai un problème avec un background image. En effet, lors que je remplie la div avec celle-ci, grâce à la répétition de l'image, un ecart apparait entre deux images.

Hum, je pense que Ctesias parle d'un écart de background au sein même de la div, entre deux répétitions.

Par contre, si ceci est le seul style associé à la div conteneur :

Code :

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

#conteneur{margin-top:0px; padding:0; width: 955px; min-height:142px; background-image:url(../images/encart32bits.png);}

Alors je ne vois pas de propriété "background-repeat"... C'est un oubli ?

Ctesias · 20/01/2012, 11h02

Et bien en effet, il n'y en as pas, mais le repeat est fait tous seul. Cela pose une probleme que je n'en mette pas?

Edit: Je viens de le mettre, et cela ne change rien

Bovino · 20/01/2012, 15h08

Ca ne viendrait pas de ton image qui aurait des bords transparents ?

19/01/2012, 14h57	#1
Ctesias Nouveau Membre du Club Inscription : janvier 2012 Messages : 64 Détails du profil Informations forums : Inscription : janvier 2012 Messages : 64 Points : 25 Points : 25	background-image + repeat = ecart? Bonjour, J'ai un problème avec un background image. En effet, lors que je remplie la div avec celle-ci, grâce à la répétition de l'image, un ecart apparait entre deux images. Savez-vous comment enlever cet écart? Cordialement. Ctesias
	00

20/01/2012, 15h08	#9
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 787 Points : 35 787	Ca ne viendrait pas de ton image qui aurait des bords transparents ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

19/01/2012, 16h29	#2
Meloooo Membre actif Mélanie Inscription : novembre 2008 Messages : 275 Détails du profil Informations personnelles : Nom : Mélanie Âge : 22 Informations forums : Inscription : novembre 2008 Messages : 275 Points : 178 Points : 178	Salut, Montre nous ton code, mais je pense que ca vient du fait qu'un div est de type block
	00

19/01/2012, 16h51	#4
Meloooo Membre actif Mélanie Inscription : novembre 2008 Messages : 275 Détails du profil Informations personnelles : Nom : Mélanie Âge : 22 Informations forums : Inscription : novembre 2008 Messages : 275 Points : 178 Points : 178	Ton écart il est ou ?
	00

20/01/2012, 08h51	#5
Ctesias Nouveau Membre du Club Inscription : janvier 2012 Messages : 64 Détails du profil Informations forums : Inscription : janvier 2012 Messages : 64 Points : 25 Points : 25	Bonjour! Desole du temps de réponse. Mon écart se trouve sur le background-image de conteneur. MErci de tes réponses
	00

20/01/2012, 11h02	#8
Ctesias Nouveau Membre du Club Inscription : janvier 2012 Messages : 64 Détails du profil Informations forums : Inscription : janvier 2012 Messages : 64 Points : 25 Points : 25	Et bien en effet, il n'y en as pas, mais le repeat est fait tous seul. Cela pose une probleme que je n'en mette pas? Edit: Je viens de le mettre, et cela ne change rien
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email