Decaler background

Merci pour cette réponse mais en fait je ne dois pas procéder de la bonne manière pour atteindre le résultat que j'attend.

Donc j'ai une 2ème question.

Est-il possible de mettre 2 background (images) sur la balise body, de choisir lequel sera au premier plan et d'en décaler 1 de "x"px ? :D

Oulala c'est compliqué tout ça :(

Non ce n'est pas possible d'en mettre deux sur la même balise. Seule la deuxième image apparaîtra.

Ce que tu peux faire c'est mettre une image sur la balise body et une sur la balise html ce qui donnerai dans ton CSS:

body{
background-image: url("nom_de_l'image");
}

html{
background-image: url("nom_de_l'image");
background-position: 0px 800px;
background-repeat: y-repeat;
}

J'ai donc essayé avec les balises html et body avec 2 fond différent, cela ne marche pas. J'ai essayé avec plusieurs tailles pour le decalage (d'ou le 300px actuel) mais je ne vois aucun changement :(

Mon site : http://r14545.ovh.net/~weinyth/site/

J'essaie de caler l'image suivant entre le footer et le bloc des news : http://r14545.ovh.net/~weinyth/site/wp-content/themes/Weinyth/images/fond_content.png

Si j'ai bien compris, tu veux mettre une image de fond en dessous du contenu de la page?

Si c'est le cas, pourquoi tu utilises alors une image de fond sur l'ensemble de la page? met simplement une image en dessous du contenu de ta page ;-)

Tu as accès au code html de la page?

Oui j'ai accès à tout, par contre je ne comprend pas trop ce que tu veux dire :s

Bsr

Avant d'esayer de modifier d'avantage ton site règle d'abord tes pb de mise en page sur IE

Sous FF tout est OK mais sous IE 6 tout est décalé :

http://www.nobodysperfect.freesurf.fr/kasoa.jpg

Oula, c'est pas décalé comme ça chez moi :s

Aaah mais c'est avec IE "6", je viens de m'en apercevoir. bah t'as qu'à mettre ton explorer à jour !!! :D

Je vais me faire relayer par un pote pour le site, je ne vais pas m'en sortir sinon :(

Merci de votre aide :D

Bjr

bah t'as qu'à mettre ton explorer à jour !!! :D

Ouais c'est une façon de voir les choses T'Oh !
Personnellement je déteste les sites qui me forcent la main : mettez ceci ou cela à jour ... en général je zappe LOL

Ceci dit : https://www.w3schools.com/browsers/default.asp

Personnellement, je suis d'avis que c'est au webmaster de rendre accessible son site et pas aux internautes de s'adapter ^^

Euuuuh...
Tu veux en gros 2 images en background... Et si de ces 2 images tu n'en fait qu'une ? (Meme avec paint tu pourrais le faire =p).

Bon j'ai surement mal saisi le probleme =D

bon, tu peut mettre plusieurs image en background contrairement a ce que dise la plupart. Voici le code CSS:

background: url(../images/fond1.png) repeat-y center,
url(../images/fond0.png),
#000000;

La première ligne est l'image du dessus, la deuxième ligne est l'image qui viens dessous, et ainsi de suite.

Mon problème, comme le tien, c'est que j'aimerai trouvé une solution pour décalé la première image par rapport au haut.

Bonsoir,

Oui c'est tout à fait possible ;-)

Voilà les propriétés CSS à ajouter:

background-position: 0px 800px;
background-repeat: y-repeat;

Pour le background-position, le décalage est effectué par rapport au coin haut gauche. Les 0px déterminent le décalage de l'image de fond sur la droite et les 800px le décalage en bas.

Cordialement

Revan