Problème CSS : Z-index + Centrer img
BesoinD'aide
-
arthezius Messages postés 3756 Statut Membre -
arthezius Messages postés 3756 Statut Membre -
Bonjour,
Je cherche a centrer une image qui est mise à l'avant plan avec un z-index,
je n'arrive a afficher l'image avec le z-index que si celle-ci est en position:fixed;
voici mon code :
#home {
position:fixed;
left: 235px;
z-index:1;}
}
Je l'ai éloignée du bord a 235 pixels mais
je voudrais qu'elle s'adapte et reste toujours au centre de la fenêtre!
QUE FAIRE????????
MERCI !!!!!!!!!!!!
Je cherche a centrer une image qui est mise à l'avant plan avec un z-index,
je n'arrive a afficher l'image avec le z-index que si celle-ci est en position:fixed;
voici mon code :
#home {
position:fixed;
left: 235px;
z-index:1;}
}
Je l'ai éloignée du bord a 235 pixels mais
je voudrais qu'elle s'adapte et reste toujours au centre de la fenêtre!
QUE FAIRE????????
MERCI !!!!!!!!!!!!
1 réponse
-
Pourquoi utilises-tu ces propriétés pour placer ton image ?
En utilisant celle-ci, si tu veux, ton image "flotte" et n'est pas dépendante de, par exemple, un div. Tu ne pourras donc pas la centrer. Il faut que tu la mettes directement dans ta page html dans un <div align="center">.-
Tu ne pourras donc pas la centrer.
Erreur!
En supposant pour mon exemple que l'image fait 200px de large:
HTML<img src="image.jpg" alt="Image" id="image_test" />
CSSimg#image_test { position:fixed; left: 50%; margin-left:-100px; z-index:1;} }
Le bord droit de l'image est placé à 50% de la largeur de l'écran.
Je décale ensuite l'image de la moitié de sa largeur (100px) pour compenser et donc la centrer dans le page.
Toutefois, si tu n'as rien d'autre dans ta page, il y a plus simple:
HTML<div id="image_test"> <img src="image.jpg" alt="Image" /> </div>
CSSdiv#image_test{ text-align:center; }
-
