Discussion :

[gb1963]

Bonjour,

Voici mon problème.

J'ai une image et du texte à coté de celle-ci. Je voudrais centrer verticalement le texte.

J'ai fait des recherches sur le net et j'ai trouvé ceci à plusieurs endroit mais cela ne marche pas. Je dois rater quelque chose mais je ne vois pas quoi.

Partie Html

<p><a href="#"><img src="../bouton/bouton.jpg" width="23" height="23" alt="Home"/></a><span class="centrerImageTexte"> Home</span></p>

Partie CSS

.centrerImageTexte {
vertical-align: middle;
display: inline-block;
}

Par contre si j'écris de cette manière cela fonctionne bien, mais je lis partout qu'il faut éviter.

<p><a href="#"><img src="../bouton/bouton.jpg" width="23" height="23" alt="Biography" align="absmiddle"/></a> Biography</p>

Merci d'avance pour votre aide

[CCyrillus]

bonsoir,

et en appliquant l'alignement a l'ensemble des element :

Code :

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

<p class="centrerImageTexte"><a href="#"><img src="../bouton/bouton.jpg" width="23" height="23" alt="Home"/></a><span > Home <br/>ligne 2 </span></p>

et

Code :

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

1
2
3
 
p.centrerImageTexte a , p.centrerImageTexte img , p.centrerImageTexte span {
display:inline-block;vertical-align:middle;}

GC

[gb1963]

Merci de ton aide

Maintenant le texte est positionné en haut mais toujours pas centrer.

[Bisûnûrs]

Normalement un simple vertical-align:middle sur l'image doit fonctionner. Mais après, le rendu de cette propriété est légèrement différent selon le navigateur.

[gb1963]

Merci Bisûnûrs,
Je l'ai mis sur img et là cela marche.