Rechercher : dans
Par :

[HTML]Centrer une image de haut en bas

Dernière réponse le 29 sep 2006 à 17:28:36 Wilbrod, le 26 sep 2006 à 15:19:57 
 Signaler ce message aux modérateurs

Bonjour à tous,
Je suis présentement en train de me construire un site web personnel et j'aimerais bien pouvoir centrer un image autant de gauche à droite que de bas en haut.

Biensûr, pour la centrer de droite à gauche je peux utiliser la balise <center> </center>, mais pour ce qui est de bas en haut je suis dans le vide total.

S'il vous plaît aidez-moi !!!

Wilbrod

Meilleures réponses pour « [HTML]Centrer une image de haut en bas » dans :
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du fichier...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

1

Ssylvainsab, le 26 sep 2006 à 18:50:08
  • +1

Salut.

tu peux utiliser la propriété CSs vertical align:middle.
Pour <center></center>, a mon avis c'est vraiment pas la bonne solution.

Choisis plutôt :

<div style="text-align:center;"><img src="image.png" sytle="width:256px:height:256px;vertical-align:middle;" alt="mon image" /></div>
Sylvain

Répondre à Ssylvainsab

2

Ssylvainsab, le 28 sep 2006 à 18:29:31
  • +1

Euh, ou alors si tu ne veux pas de div :

<img src="image.png" sytle="display:block;margin:auto;width:256px:height:256px;vertical-align:middle;" alt="mon image" /></div>


Le display:block transforme ton image en block, c'est a dire qu'il y aura un retour a la ligne.
Le margin:auto; c'est pour que l'image soit centrée. Sylvain

Répondre à Ssylvainsab

3

 Wilbrod, le 29 sep 2006 à 17:28:36
  • +1

Merci,
Ca fonctionne a la perfection :)

Répondre à Wilbrod
Collection CommentÇaMarche.net