Tom's Guide > Forum > Programmation > Comment centrer une image par son centre avec un CSS
Mot :    Pseudo :           
 

Bonjour à toutes et tous,
Grande question et je n'ai pas trouvé de réponse satisfaisante sur la toile...
J'ai des images (de type bannière) qui ne font pas le même format.
Je souhaite qu'elles s'ouvrent dans une page que je gère via un css.
Mes bannières s'affichent bien dans l'espace déterminé sur mon site.
Mais le soucis, c'est que je n'arrive pas à rentrer les codes qui permettent de centrer les images par leur centre horizontal et vertical (dans un espace de 400x200px) et non par l'un des angles.
Si vous avez une idée, ou que vous connaissez un topic traitant du sujet, je suis preneur!
A toutes et tous Merci ;)

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Le centrage vertical n'existe pas en CSS (à la rigueur tu peux le calculer en JavaScript ...)

Sinon la solution se nomme text-align:center ou selon margin:auto; pour l'alignement horizontal.

------------------------------ 20minutes.fr, l'information en continu.
Répondre à SiM07

salut,
il me semble qu'il est possible de centré à la verticale.
voilà le code :
vertical-align
et ses propriétés :
top : en haut
middle : au milieu
bottom : en bas

Répondre à sebjsp

Sauf que vertical-align ce n'est pas de l'alignement vertical de bloc ... :)

------------------------------ 20minutes.fr, l'information en continu.
Répondre à SiM07

Bah voui... ça ne fonctionne pas
J'ai essayé la méthode vertical align, mais rien n'y fait...
Je vais continuer à chercher pour voir si je trouve une solution, et je laisse le poste ouvert, alors à toutes et tous : à vos neurones ;)
Merci beaucoup pour vos réponses.

Répondre à Mikobal
Tom's Guide > Forum > Programmation > Comment centrer une image par son centre avec un CSS
Aller à :

Il y a 2382 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens