Positionner une image

Version imprimable

26/12/2012, 22h41
crozet.magenta

Positionner une image

Bonjour,
est-il possible de positionner une image en prenant comme point de référence le centre de l'image ?
Crozet
27/12/2012, 04h05
Muchos

Non, je crois que c'est toujours en fonction des bords haut et gauche.
31/12/2012, 11h45
crozet.magenta

ok tant pis, je vais me débrouiller autrement
merci pour ta réponse :)
01/01/2013, 16h49
DezMax

Avec:

Code:

background-position:center;

L'image sera centrer verticalement, si j'ai bien compris ce que tu voulais dire alors c'est sa .
02/01/2013, 01h57
crozet.magenta

non c'est pas ça que je voulais dire
regarde mon petit dessin ^^
http://nsa31.casimages.com/img/2013/...5458863083.png

dans le premier cas, le point de référence est en haut à gauche de l'image (c'est le cas classique de positionnement)
dans le 2e cas, le point de référence est au centre de l'image et c'est ce que je voudrais faire

ce code va centrer le background comme tu le souhaite et tout les elements si tu créer une div pour les contenir seront placer par rapport à lui
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <html> <head> <style type="text/css"> body{ margin:auto; background:url('chemin_image') no-repeat; background-position:center; width:1000px; /*exemple de largeur*/ height:800px; /*exemple de hauteur*/ } </style> </head> <body> <center> </center> </body> </html>
N'oulblie surtout pas que tu peut utiliser "margin" pour créer des marges comme tu le souhaite avec une distance bien précise exemple (le seul inconvénient c'est que sa ne sera pas adapter à tout les écrans) :
Code:

1 2 margin-left:300px margin-top:400px;
j'éspère que j'ai bien compris la ? ^^"
je débute sur le forum désolé si je suis trop maladroit , je serais ravis de t'aider si je me suis encore tromper ;)

02/01/2013, 22h55
NoSmoking
Bonjour,
la question qui se pose est,

Citation:

est-il possible de positionner une image en prenant comme point de référence le centre de l'image ?

par rapport à quoi, en HTML/CSS pur ou autre parce que
Code:

1 2 X1 = X2 -H_img/2; Y1 = Y2 -W_img/2;
tout comme DezMax j'ai du mal à saisir le but recherché :koi:
03/01/2013, 01h06
crozet.magenta

bonjour no smoking
c'est comme ça que j'ai résolu mon problème.

en fait, je me fais un interpréteur de manialinks en php (manialink = genre de mini site interne au jeu trackmania) ces manialinks sont sous forme de page xml et il y a justement un attribut "halign" et "valign" qui permet de changer la position verticale et horizontale du point de référence de l'image. (haut-gauche, haut-centre, centre-centre...)
je voulais donc savoir si cette option existe aussi en css pour éviter de faire ces calculs
03/01/2013, 09h19
Bovino

La réponse tu l'as déjà eue : non, ce n'est pas possible.