Forum sur Sarka-SPIP 3

mercredi 10 juin 2009 à 17h28
par shizuka

Logo de _Shizuka_

Positionnement d’une image d’arrière -plan

Par défaut, l’image d’arrière-plan se positionnera dans le coin supérieur gauche de l’écran. La propriété background-position permet de changer cette position prédéfinie et de placer l’image d’arrière-plan n’importe où à l’écran.

Il y a plusieurs méthodes pour fixer la valeur de background-position. Par contre, elles se présentent toutes sous la forme d’un jeu de coordonnées. Par exemple, la valeur’100px 200px’ positionne l’image d’arrière-plan à 100px depuis la gauche et à 200px depuis le haut de la fenêtre du navigateur.

Les coordonnées peuvent s’exprimer en pourcentages de la largeur de l’écran, ou en unités fixes (pixels, centimètres, etc.), ou on peut utiliser les mots-clés "top", "bottom", "center", "left" ou "right".

Voir l’image

Ici il faut utiliser l’écriture abrégée cad qu’on met ttes les valeurs à la queue leu au lieu du couple propriété/valeur

background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;

s’écrit en raccourci et c’est ce qu’il faut taper dans le champ

no-repeat fixed right bottom 

là l’image est placée à droite et en partant du bas
ex ici dans les extraits d’article
il ne faut pas marquer position attachment mais juste la valeur

Voili, voilou

Sinon dis ce que tu veux obtenir pour que quelqu’un t’indique ce qu’il faut taper ...


Ce sujet est verrouillé : vous pouvez consulter son fil de discussion mais vous ne pouvez plus y répondre.

Réponses