[Résolu]Problème d'alignement d'arrière Plan

Bonjour à tous,
J'essaie de faire une image d'arrière plan alignée au centre de ma page, mais elle n'apparait pas. Pourtant lorsque je l'aligne en bas ou en haut (top/bottom) de ma page ça fontionne.

Voici mon code :

BODY{
	background : #a6a091 url(image.png) repeat-x middle;
}

Savez-vous me dire ce qui cloche ?

Merci d'avance

PSY
Modifié par Psykose (09 Dec 2007 - 13:19)

Bonjour Psykose,

En écrivant moins vite on évite d'écrire des bétises...

body { 
  background: #a6a091   url('image.png');
  background-repeat: repeat-x;
  background-position: center;
}

Ou :

body { background: #a6a091  url('image.png') repeat-x center;}

Cdt,
Sylvain
Modifié par 6l20 (09 Dec 2007 - 13:14)

6l20 a écrit :

Pour répéter une image en x au milieu absolu de page :

body {background: #a6a091  url(image.png') 50% 50% repeat-x ;}

Attention Sylvain, cette syntaxe est un non-sens :
• seule la coordonnée verticale est opérante pour une répétition horizontale;
• seule la coordonnée horizontale est opérante pour une répétition verticale;
• seule une image de fond non répétée peut bénéficier des deux coordonnées

Au passage, ces coordonnées doivent normalement être précisées après l'information de répétition dans la balise générique background.

J'ai essayé, mais aucune de ces deux syntaxe ne fonctionne

Ben,

Effectivement j'étais en cours de vérification...ma réponse ne me satisfaisant pas

Je me suis laissé "abuser" par la formulation de la demande :
aligner au centre de la page (donc sans repeat-x)
Auquel cas "center" équivaut bien à "50% 50%", qu'il est évidemment stupide de coupler à un repeat-x, et doit comme tu le précises être placé après l'information de répétition dans la balise générique background...How stupid I am...
Merci de ta vigilance

Je modifie mon message
Modifié par 6l20 (09 Dec 2007 - 13:42)

C'est parfait, merci

Désolé du cafouillage

Si tu souhaites juste centrer ton image, il te suffit de mettre no-repeat au lieu de repeat-x.

Bonne journée