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
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
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
Le deuxième style précise les propriétés particulières de ta page.
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; }
Il faut bien sûr adapter ce code à tes besoins
Nesmontou
Si vous ne pouvez expliquer un concept à un enfant de six ans, c'est que vous ne le comprenez pas complètement. Albert EINSTEIN
F.A.Q. : Java, PHP, (X)HTML / CSS
N'oubliez pas de cliquer sur le bouton Résolu en bas de page quand vous avez obtenu une solution à votre problème
Merci mais je n y comprend rien lolll
Bonsoir,
Je vais donc détailler un peu
Toutes tes pages ont une structure du type
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> ... </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.
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>
Nesmontou
Si vous ne pouvez expliquer un concept à un enfant de six ans, c'est que vous ne le comprenez pas complètement. Albert EINSTEIN
F.A.Q. : Java, PHP, (X)HTML / CSS
N'oubliez pas de cliquer sur le bouton Résolu en bas de page quand vous avez obtenu une solution à votre problème
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
tu utilise les conseils de Nesmontou
avec cette petite modif
où corps est l'id de ta div à changer
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; }
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">
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; }
et dasn ma page html j ai inscris
et ca marche pas lolll
Code : Sélectionner tout - Visualiser dans une fenêtre à part <div id="corps">
le style que tu décris, en l'occurrence #corps2 sera appliqué à une balise avec comme id corps2
donc dans ton html mettre
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <div id="corps2">
content pour toi mais n'oubli pas de mentionner ton post comme résolu
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager