Decaler background Fermé

Question

Bonjour à tous,

Voilà j'aurais aimé savoir sil 'est possible de décaler un " background: url(image);" par rapport à un emplacement précis (haut, bas, droite gauche) et si oui comment faire ?

En gros pour un exemple précis j'aimerais que mon background ne commence qu'à 800px du haut de ma page et se repète à l'infini vers le bas..

D'avance merci,

Revan26914 · Answer

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

Kasoa · Answer

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 :(

Revan26914 · Answer

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;
}

Kasoa · Answer

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

Revan26914 · Answer

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?

Kasoa · Answer

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

PhP · Answer

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

Kasoa · Answer

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

Kasoa · Answer

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

PhP · Answer

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

Revan26914 · Answer

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

Fricky42 · Answer

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

Florent · Answer

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.

Decaler background

13 réponses

Discussions similaires