Centrer une image en css
cross66
-
cross66 -
cross66 -
Bonjour, bon alors voila, je suis en train d'apprendre le html (enfin c'est bon j'ai appris les bases hier soir) mais maintenant je vise plus haut et je rend un peu plus beau mon "site" (je ne compte pas le mettre en ligne j'ecris meme nimporte quoi). Bref a un endroit j'ai mis une image mais elle n'est pas centrer, je vous laisse un screen vous allez comprendre.
PS: Ne tenez pas compte du texte avres dire j'ai mis ce qui me passer par la tete ;).
http://imageshack.us/photo/my-images/26/aaaaaaaaaaaaao.png/
Je parle de l'image Root Top, tout en bas.
Et tant que j'y suis, je voulais tester une image comme fond mais quand je le fais le fond reste blanc. Voila mon code css:
body
{background-image: http://imageshack.us/photo/my-images/26/aaaaaaaaaaaaao.png/
}
Il est bon non?
PS: Ne tenez pas compte du texte avres dire j'ai mis ce qui me passer par la tete ;).
http://imageshack.us/photo/my-images/26/aaaaaaaaaaaaao.png/
Je parle de l'image Root Top, tout en bas.
Et tant que j'y suis, je voulais tester une image comme fond mais quand je le fais le fond reste blanc. Voila mon code css:
body
{background-image: http://imageshack.us/photo/my-images/26/aaaaaaaaaaaaao.png/
}
Il est bon non?
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
2 réponses
En CSS:
Plus d'info: http://css.mammouthland.net/image-de-fond-background-css.php
div{ background:url(url_image.jpg) bottom center; }
Plus d'info: http://css.mammouthland.net/image-de-fond-background-css.php
En relisant ton premier message, je me suis rendu compte que j'avais raté la fin de celui-ci.
Pour ton exemple, le CSS serait plutôt celui-ci:
L'image est alors calé en bas de la page et centré comme sur ta capture d'écran.
Pour ton exemple, le CSS serait plutôt celui-ci:
body{ background:url(http://imageshack.us/photo/my-images/26/aaaaaaaaaaaaao.png) bottom center; }
L'image est alors calé en bas de la page et centré comme sur ta capture d'écran.
