Positionner une image

**crozet.magenta** · 26/12/2012, 22h41

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

**Muchos** · 27/12/2012, 04h05

Non, je crois que c'est toujours en fonction des bords haut et gauche.

**crozet.magenta** · 31/12/2012, 11h45

ok tant pis, je vais me débrouiller autrement
merci pour ta réponse

**DezMax** · 01/01/2013, 16h49

Avec:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-position:center;

L'image sera centrer verticalement, si j'ai bien compris ce que tu voulais dire alors c'est sa .

**crozet.magenta** · 02/01/2013, 01h57

non c'est pas ça que je voulais dire
regarde mon petit dessin ^^

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

**DezMax** · 02/01/2013, 22h08

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Positionner une image

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager