Insertion d'une image de fond échoué

**khadi8** · 11/11/2012, 19h46

Salut !
Je voudrai insérer une image comme fond dans le CSS j'ai essayé le code suivant mais ça marche pas je vois pas mon image sur le fond, voici mon code

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
<!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><title>RDV</title>
<link rel="stylesheet" type="text/css" href="Style.css">
 
</head>
<body>
<center>
<div id="connexion">
<form>
<br>
<br>
&nbsp;&nbsp;&nbsp;<label><center><strong>Connexion</strong></center></label><br><br>
&nbsp;&nbsp;&nbsp;<label>Login :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </label><input type="txt" name="login"/><br><br>
&nbsp;&nbsp;&nbsp;<label>Mot de passe : </label><input type="password" name="psw"/><br><br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="OK"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="Cancel"/><br>
<br>
<br>
<br>
 
 
</form>
</div>
</center>
</body>
</html>

CSS

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
#connexion
{
border: 3px white ridge;
width:300px;
background-color: #006;
 
}
label
{
color:white;
font-style:bold;
 
}
body
{
background-image: url("17643.jpg") no-repeat;
}

**Bisûnûrs** · 13/11/2012, 08h42

Est-ce le seul style qui s'affiche pas ? Si oui, est-ce que le chemin de l'image est correct ?

**julienlacorne** · 24/11/2012, 17h03

Bonjour,

Un peu en retard, ton style ne s'applique pas parce que tu donne plusieurs paramètre. Je m'explique "background-image" n'interprète que le chemin de l'image, dans ton cas je te conseil :

Code :

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

1
2
3
4
5
 
body {
background-image: url(ton_image.png);
background-repeat: no-repeat;
}

ou

Code :

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

1
2
3
4
 
body {
background: url(ton_image.png) no-repeat;
}

Insertion d'une image de fond échoué

CSS

Discussions similaires

Partager

Partager