Centrer une image en CSS
Résolu
dcourbineau
Messages postés
4
Statut
Membre
-
ccsfan -
ccsfan -
Bonjour,
Je souhaite centrer une image en CSS. Voici les données que j'ai déjà formulées, mais qui ne fonctionnent pas aux vues du résultat :
CSS :
img#logo
{
position : absolute;
top : 20px;
left: 50%;
}
Résultat : (C'est le texte pretty me qui est concerné)
http://www.prettyme.fr/indexfinal.html
Chose importante, je souhaite, ce quelque soit le navigateur, cette image soit centrée.
Quelqu'un peut-il m'éclairer?
Merci beaucoup
Je souhaite centrer une image en CSS. Voici les données que j'ai déjà formulées, mais qui ne fonctionnent pas aux vues du résultat :
CSS :
img#logo
{
position : absolute;
top : 20px;
left: 50%;
}
Résultat : (C'est le texte pretty me qui est concerné)
http://www.prettyme.fr/indexfinal.html
Chose importante, je souhaite, ce quelque soit le navigateur, cette image soit centrée.
Quelqu'un peut-il m'éclairer?
Merci beaucoup
A voir également:
- Centrer une image en CSS
- Légender une image - Guide
- Image iso - Guide
- Transformer une image en icone - Guide
- Mettre une image en filigrane sur word - Guide
- Reduire taille image - Guide
3 réponses
si tu mets
ton image va comencer a la moitié de l'écran (ou de l'élément relatif)
utilise une marge négative pour faire revenir ton image sur la gauche
utilise la moitié de la taille de ton image pour bien centrer le millieu
par exemple si ton image fait 311px de large (width) ton retrait sera de 155px
left:50%
ton image va comencer a la moitié de l'écran (ou de l'élément relatif)
utilise une marge négative pour faire revenir ton image sur la gauche
utilise la moitié de la taille de ton image pour bien centrer le millieu
margin-left: -(width de ton image /2) px;
par exemple si ton image fait 311px de large (width) ton retrait sera de 155px
maiden65
Messages postés
758
Statut
Membre
83
Voila, c'est mieux quand même ^^
Bonjour dcourbineau,
Personnellement je n'utilise que très rarement les fichiers CSS pour centrer une image, je fais plus avec du HTML :
<center> "ton image" </center>
Personnellement je n'utilise que très rarement les fichiers CSS pour centrer une image, je fais plus avec du HTML :
<center> "ton image" </center>
<center> fait partie des balises "deprecated". Elle fait partie des balises de mise en page qui ont disparu dès HTML4. Pour réaliser un site maintenable, il est indispensable de distinguer le contenu de la mise en page. On définit la structure logique avec HTML5 (et idéalement du PHP derrière) et des feuilles de style.