image se répete 3 fois [Résolu]

[mario94]

Bonjour j'ai mis une image donc le code :

Code :

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
 
.cadre_soldat_clone
{
border: 1px solid black;
margin-left:1px;
margin-right:1px;
margin-top: 50px;
 
margin-bottom: 10Opx;
padding: 5px;
background-color: rgb(237,224,213);
}
 
.soldat-clone-left {
background-image:url(images/soldat_clone_left.jpg);
     height: 50px;
      float: left;
	  width:50px;
     padding: 0px;
}
.soldat-clone-mid {
background-image:url(images/soldat_clone_mid.jpg);
text-align:center;
     height: 150px;
      margin: 0px 50px 0px 50px;
      width: auto;
     padding: 0px;
}
.soldat-clone-right {
background-image:url(images/soldat_clone_right.jpg);
      margin-top:   -150px;
     height:50px;
      float: right;
      width: 60px;
     padding: 0px;
}

don mon image se répete 3 fois comment on fait pour qui ne se répete pas

car là ca donne ce résultat



donc l'image qui se répete 3 fois c'est soldat-clone-mid

merci de votre aide pour me dire comment on peut evité qu'une image 3 fois.

[NoSmoking]

Bonsoir,
voir du coté de

Code :

background-repeat:no-repeat;

[betadev]

Salut ,

essaye d'ajouter la propriété

Code :

background-repeat:no-repeat;

à la classe .soldat-clone-mid

[mario94]

merci de votre aide mais s je met :

Code :

1
2
3
4
5
6
7
8
9
.soldat-clone-mid {
background-image:url(images/soldat_clone_mid.jpg);
background:no-repeat;
text-align:center;
     height: 150px;
      margin: 0px 50px 0px 50px;
      width: auto;
     padding: 0px;
}

mon image disparaît quand je met no reapeat comment on peut evité qui se répete et qui s'éfface quand je met no repeat

merci de votre aide

[Nesmontou]

Bonjour,

Si tu veux que ton image ne soit répétée qu'horizontalement

Code :

background-repeat: repeat-x;

[mario94]

merci ça marche.