Image de fond sur une seule page

**danfa** · 24/02/2010, 20h31

Bonjour

J'ai sur mon site plusieurs pages et je voudrais sur une page seulement inserer une image de fond en mosaique. je ne sais comment faire et non plus si je dois modifier mon code css pour que ca s applique seulement à cette page

Merci

**Nesmontou** · 24/02/2010, 22h21

Bonjour,

Si j'ai bien compris, tu souhaites appliquer une image de fond sur une seule page, les autres ayant une autre image (ou pas).

Tu peux mettre un attribut id sur l'élément <body> de ta page "particulière" et appliquer un style comme ci-dessous

Code :

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

1
2
3
4
5
6
7
body {
    background: #ffffff url(img/background.png) repeat scroll 0 0;
}
 
body#my-page {
    background: #ff0000 url(img/other-background.png) repeat scroll 0 0;
}

Le deuxième style précise les propriétés particulières de ta page.

Il faut bien sûr adapter ce code à tes besoins

Nesmontou

**danfa** · 25/02/2010, 19h13

Merci mais je n y comprend rien lolll

**Nesmontou** · 25/02/2010, 20h43

Bonsoir,

Envoyé par danfa

Merci mais je n y comprend rien lolll

Je vais donc détailler un peu

Toutes tes pages ont une structure du type

Code :

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

1
2
3
4
5
6
7
8
<html>
    <head>
        ...
    </head>
    <body>
        ...
    </body>
</html>

Ta page particulière ressemblera à

Code :

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

1
2
3
4
5
6
7
8
<html>
    <head>
        ...
    </head>
    <body id="my-page">
        ...
    </body>
</html>

Tu peux alors appliquer le style que j'ai cité ci-dessus pour mettre une image de fond différente sur ta page particulière.

Nesmontou

**danfa** · 25/02/2010, 23h28

Merci
Mai si je veux jsute l appliquer à la partie CORPS de la page cr elle est divisee en quatre, header, menu, footer et corps, quelle commande dois je donner

Merci

**nsanabi** · 25/02/2010, 23h55

tu utilise les conseils de Nesmontou
avec cette petite modif

Code :

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

1
2
3
4
 
body#my-page #corps {
    background: #ff0000 url(img/other-background.png) repeat scroll 0 0;
}

où corps est l'id de ta div à changer
sinon tu peut toujours créer une classe et l'attribuer à n'importe quel element de n'importe quelle page

Code :

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

1
2
3
4
5
6
7
 
.taclasse {
    background: #ff0000 url(img/other-background.png) repeat scroll 0 0;
}
 
 
<div id="corps" class="taclasse">

**danfa** · 26/02/2010, 01h12

Voici ce que j ai fait et ca marche pas lolll

j'ai créé un div que j ai appelé "corps2"

Dans ma page css j ai inclus ce code

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
 #corps2
 
 
{
	margin-left: 190px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	min-height: 375px;
	padding: 30px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #000000;
	 background-color: #ff0000 url(img/email.gif) repeat scroll 0 0;
 
	background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	position: relative;
}