Forum sur Sarka-SPIP 3

jeudi 18 juin 2009 à 12h25
par shizuka

Logo de _Shizuka_

Wigreg

J’avais donné quelques explications dans un précédent post sur le placement des images background

Je fais un copié/collé ( faudrait que je le complète dans la FAQ)

Positionnement d’une image d’arrière -plan (et explication de la case propriétes de la config )

Par défaut, l’image d’arrière-plan se positionnera dans le coin supérieur gauche du bloc. 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ù dans le bloc.

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" (image en haut), "bottom" (image placée en partant du bas), "center" (centrée), "left" (à gauche)ou "right (tout à droite)".

Ici il faut utiliser l’écriture abrégée pour ajouter toutes ces valeurs dans le champ proprités cad qu’on met ttes les valeurs à la queue leu au lieu du couple propriété/valeur

background-repeat : no-repeat ; ( l’image n’est pas répétée sinon si elle est plus petite par défaut elle se repète en x et y )

background-attachment : fixed ; (l’image reste fixe quand on fait défiler l’écran)

background-position : right bottom ;

on écrit juste en raccourci et c’est ce qu’il faut taper dans le champ propriétés :
no-repeat fixed right bottom

là l’image est placée à droite et en partant du bas, non répétée et figée lors du scroll.

Et surtout bien vider tous les caches et local/css pour voir les modif sinon ....attendre.


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

Réponses

19 juin 2009 à 13h27

shizuka, j’allais te dire la même chose : compléter la FAQ (la demande semble récurrente et ta réponse est pertinente et complète) ;-)