Discussion :

[nicerico]

Bonjour

j'ai un image de 200 de hauteur
et je voudrais que le texte (de plusieurs lignes) qui se trouve à droite de l'image soit centré verticalement par rapport à cette image

merci de votre aide

mon code :

Code :

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

<p><img align="left" src="images/image.jpg" />paragraphe<br>plusieurs lignes</p>

[romain_ci]

Bonjour

j'ai un image de 200 de hauteur
et je voudrais que le texte (de plusieurs lignes) qui se trouve à droite de l'image soit centré verticalement par rapport à cette image

merci de votre aide

mon code :

Code :

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

<p><img align="left" src="images/image.jpg" />paragraphe<br>plusieurs lignes</p>

Tu fait un class CSS que tu applique sur le <p></p>

CSS

Code :

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

1
2
3
4
5
 
.MaClass {
margin-top:auto;
margin-bottom:auto;
}

html

Code :

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

1
2
 
<p class="MaClass"><img align="left" src="images/image.jpg" />paragraphe<br>plusieurs lignes</p>

J'ai pas tester mais c'est le principe à suivre je pence

[nicerico]

merci pour cette solution
mais le texte n'est toujours pas centré verticalement ...

[romain_ci]

merci pour cette solution
mais le texte n'est toujours pas centré verticalement ...

Sinon ya la solution caca

Tu fait un table et tu met un vertical-align:middle; avec le css, sur la colone desirer.

Je conseil pas de faire ca, mais c'est une solution provisoire au cas ou tu serais bloquer.

[yuukuari]

Salut Nicerico, essayes dans ta css de mettre:

Code :

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

1
2
3
4
img.middle
{
	vertical-align: middle;
}

puis ça dans ta page:

Code :

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

<p> <img src="image.jpg" class="middle"> légende </p>

Ca marche chez moi

Yuuk