[RÉGLÉ] Pères noel de chaque côté de mon body.

[papycool]

Bonjour à tous,

J'aimerais beaucoup pouvoir décorer le body de mon site en y ajoutant des pères noël à droite et à gauche.
Je sais ajouter une image en fond, mais deux images différentes placées à deux endroits différents, je sèche ....
Quelqu'un aura-t-il pitié de moi ??
Avec tous mes remerciements anticipés.

Gilles.

[toffffe]

Re : Pères noel de chaque côté de mon body.

Salut
Il faudrait un lien vers ton site pour te conseiller
Très souvent il faut mettre une image en position center dans le background

[lomart]

Re : Pères noel de chaque côté de mon body.

Le principe pour mettre 2 images est celui-ci:
body {
background-image : url("image-gauche.jpg"), url("image-droite.jpg");
background-repeat : no-repeat;
background-position : left, right;
}

Si le contenu a une largeur fixe il est plus simple, comme le dit tofffe, de mettre une image centrée comme sur cette page http://lomart.fr/bgmax/exemples/repeat-y.html

[papycool]

Re : Pères noel de chaque côté de mon body.

mon site est le www.tennisclub-gien.com.
Faire une seule image pose un problème de dimensions. par contre je vais essayer la solution que tu propose.
Ca se place sur le css du template à la ligne body il me semble ? (6953 la ligne sur le protostar.)

[lomart]

Re : Pères noel de chaque côté de mon body.

Le mieux est d'ajouter la règle à la fin avec toutes ses modifs.
C'est plus facile pour se relire

[papycool]

Re : Pères noel de chaque côté de mon body.

Le mieux est d'ajouter la règle à la fin avec toutes ses modifs.
C'est plus facile pour se relire

J'essaie dans la soirée et je te tiens informé.
Y a-t-il des dimensions à respecter pour l'image de façon à ce qu'elle soit toujours visible ?
Autre question, si je veux placer une image en haut du template, je procède de la même façon mais je lea positionne "top " ?

[lomart]

Re : Pères noel de chaque côté de mon body.

non, background-position : left top, right top;

on peut aussi la mettre toujours visible en ajoutant
background-attachment: fixed;

Dans ce cas, sans les top, l'image sera centrée dans la hauteur visible

[papycool]

Re : Pères noel de chaque côté de mon body.

Décidément je ne sais pas écrire un url.

body.site {
background-image : http://www.tennisclub-gien.com/images/tcgien/noel("perenoel1.png"), http://www.tennisclub-gien.com/images/tcgien/noel("perenoel2.png");
background-repeat : no-repeat;
background-position : left, right;
}

Je suppose qu'il y a pas mal d'erreur.

[papycool]

Re : Pères noel de chaque côté de mon body.

Ok c'est bon maintenant, il ne me reste plus qu'a fixer en haut une autre image et ce sera parfait.
Merci pour ce coup de main.

[papycool]

Re : Pères noel de chaque côté de mon body.

Voilà, mes deux père noel sont calés..juste l'image en haut de mon template que je n'arrive pas à caler.
Voici le code:

body.site {
border-top: 3px solid #0088cc;
	padding: 100px;
background-image : url("http://www.tennisclub-gien.com/images/tcgien/noel/perenoel1.png"), url("http://www.tennisclub-gien.com/images/tcgien/noel/perenoel3.png"), url("http://www.tennisclub-gien.com/images/tcgien/noel/noelor.gif");
background-repeat : no-repeat;
background-position : left, right, top;
  background-attachment: fixed;

}

Où ai-je commis l'erreur ? ou bien alors est-il impossible de caler une autre image ???
Merci de m'indiquer ce que je dois faire.
Cordialement. Gilles