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 !!!!!!!!!!!!
A voir également:
- Problème CSS : Z-index + Centrer img
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
Erreur!
En supposant pour mon exemple que l'image fait 200px de large:
HTML
CSS
img#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
CSS
div#image_test{ text-align:center; }