Discussion :

[sam01]

Bonjour à tous, je cherche à centrer verticalement un image, mais je suis limité, je ne peux pas avoir un code css extérieur,
je dois tout mettre dans le même doc :

le code suivant centre mon image horizontalement, mais pas verticalement :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<A href="http://example.fr" target=_blank> 
<IMG style="
display:block;
border: 1px solid #c6c6c6;
margin:auto;
HEIGHT: 25px;WIDTH: 150px;"
src="image.png">
</A>

le margin:auto me permet de centrer horizontalement, mais pas verticalement...

du coup, quand je passe un grand écran ça se voit.
Je vous joins l'image sur un écran portable qui passe bien.
Et celle sur un grand écran où l'on voit bien que ce n'est pas centré verticalement.

[NoSmoking]

Bonjour,

le margin:auto me permet de centrer horizontalement, mais pas verticalement..

certes mais le centrer par rapport à quoi ?

Il nous manque des informations !

[Dev2Digital]

Bonjour,

Est-ce que tu a jeter un oeil au style vertical-align ?

En effet, il nous manque des informations pour répondre précisément. N'hésite pas à déposer ton code complet pour obtenir de l'aide.

Dans l'attente

[sam01]

Bonjour.
Je vous tiens au courant demain.

[nadfri2019]

Salut, j'ai un tuto youtube sur tout ce qui est centrage en CSS, ca peut t'etre utile:

[NoSmoking]

@nadfri2019 :
on ne peut que louer l'intention mais ton « tuto-video » n'a rien à faire dans le fil de cette discussion et trouverait plus sa place dans le forum contribuez où tu pourrais commenter un peu plus avant celui-ci et y recevoir les commentaires.

[nadfri2019]

Merci pour ton commentaire NoSmoking, je vais jeter un coup d'oeil à cette partie du forum.

[sam01]

Re bonjour.
Je n'ai pas réussi à trouver par rapport à quoi.
C'est un logiciel ( spotfire pour info) qui génère une page web. Finalement je m'en suis sorti avec un margin-top à 6%.
Je sais ce n'est pas terrible mais en visuel ça me donne un résultat plutôt convenable.

[NoSmoking]

Je n'ai pas réussi à trouver par rapport à quoi.

si tu mets un margin-top:6%, c'est que ton élément est dans un conteneur, lequel, quelles sont ses propriétés ?