[Résolu] Syntaxe background image et position

Bonsoir,

J'aimerais savoir quelle est la syntaxe précise pour avoir une image collé en bas mais décalée de 10 pixel vers la droite à partir du coin en bas à gauche d'un div

j'ai écris ça

	background: url(Images/PenDuick.jpg) bottom 10px left no-repeat;

mais l'image n'apparait pas sous firefox.

Merci de votre aide
Modifié par GuizBizet (22 Mar 2005 - 09:26)

background: url(cheminverslimage.jpg) 10px bottom no-repeat;

fait attention à la casse des fichiers car Majuscule != Minuscule.

Je ne pense pas que ce soit possible, background position ne pouvant prendre qu'un seul de ces arguments :

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos

Extrait de : http://www.w3schools.com/css/css_background.asp

Tu ne peux donc pas avoir sur la même ligne 2 valeur de positionnement pour le même axe (x ou y).

La seule solution, dans ton cas serait peut être de prevoir ces 10pixels directement dans ton image de fond (pour autant que cela passe avec ton design).
Modifié par jb_gfx (22 Mar 2005 - 02:42)

anthony a écrit :

background: url(cheminverslimage.jpg) 10px bottom no-repeat;

A priori, ceci devrait fonctionner

lol, je me suis complètement embrouillé.

J'avais compris l'image en bas à droite et décallé de 10 pixels vers la gauche

Anthony et Stephan ont raison.
Modifié par jb_gfx (22 Mar 2005 - 04:06)

Bonjour

Je testerai ce soir sous firefox car je suis au bureau.

Merci de votre aide