Image, difficile à centrer.

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Coucou, j'ai un soucis assez récurrent.

Quand je met une image dans un tutoriel, des fois, j'ai du mal à la centrer !

Exemple :

BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABL

Cylindre

BLABLABLABLABLABLABLABLABLABLA

Comment puis-je régler le soucis ?

Нова Проспект

+0 -0

Cette réponse a aidé l'auteur du sujet

Salut,

Comme ceci :

1
2
3
4
5
6
[[i]]
| BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABL          
| 
|-> ![Cylindre](/media/galleries/544/e04a11fd-ea63-4aa6-b7a8-4f3361582e62.png) <-
| 
| BLABLABLABLABLABLABLABLABLABLA 

En fait, dans ton cas, l'image ne se centre pas, car tu as des espaces derrière la ligne où elle se trouve. Si tu les enlèves elle se centre parfaitement, car elle ne se considère plus en image inline je pense. ;)

Cette réponse a aidé l'auteur du sujet

BLABLABLAB

https://zestedesavoir.com/media/galleries/544/e04a11fd-ea63-4aa6-b7a8-4f3361582e62.png

BLBLABLA

Comme ceci ? :)

1
2
3
4
5
6
7
8
9
[[secret]]
| 
| 
| [[information]]
| | BLABLABLAB
| | 
| | -> ![https://zestedesavoir.com/media/galleries/544/e04a11fd-ea63-4aa6-b7a8-4f3361582e62.png](https://zestedesavoir.com/media/galleries/544/e04a11fd-ea63-4aa6-b7a8-4f3361582e62.png) <-
| |
| | BLBLABLA

Edit: Grilled :p

Édité par WinXaito

+1 -0
Auteur du sujet

Merci, mais même en enlevant les espaces qui la suive ça n'a rien changé.

Euh la technique du -> <- c'est bien mignon mais j'ai plus de légende du coups :( (j'y avais déjà pensé)

Édité par Blackline

Нова Проспект

+0 -0

Cette réponse a aidé l'auteur du sujet

Merci, mais même en enlevant les espaces qui la suive ça n'a rien changé.

En reprenant exactement ton code MD, l'image ne se centre pas effectivement. Mais en enlevant les espaces derrière, chez moi, elle se centre parfaitement !

Euh la technique du -> <- c'est bien mignon mais j'ai plus de légende du coups :( (j'y avais déjà pensé)

Pour centrer avec la légende, il faut faire comme suit :

1
2
3
4
5
6
7
[[i]]
| BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABL          
| 
|-> ![Cylindre](/media/galleries/544/e04a11fd-ea63-4aa6-b7a8-4f3361582e62.png)
| Figure: Cylindre <-
| 
| BLABLABLABLABLABLABLABLABLABLA 

BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABL

Cylindre

Cylindre

BLABLABLABLABLABLABLABLABLABLA

Édité par Flori@n.B

Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte