Aligner une image et un texte verticalement dans l'élément TD

Question

J'ai besoin d'afficher une icône de développement dans td, lorsque je fais cela, l'image & ne s'aligne pas. J'ai utilisé spacer.gif (1x1) à travers lequel j'appelle expand icon. Si je spécifie la largeur & hauteur directement dans le texte tag img ne s'aligne pas aussi bien.

J'ai aussi utilisé spacer.gif la raison pour laquelle je peux facilement appeler quelle icône je veux ou pour td où il n'y a pas d'icône de développement Je peux simplement spécifier la largeur pour qu'elle s'harmonise bien avec tous les autres td.

<td><img src="../images/spacer.gif" class="texpand_icon"/>Actuals</td> 

.texpand_icon{background:url('../images/plus.gif') no-repeat left center; padding-left: 16px;} 

Quelqu'un peut-il résoudre ce problème?

Answer 1

Avez-vous essayé l'attribut valign?

<td valign="middle"><img /></td> 

Cela devrait aligner l'image elle-même. Pour aligner le texte sur l'image, vous pouvez utiliser la propriété CSS aligner verticalement sur l'image:

.texpand_icon{ 
    vertical-align: middle; 
    ... 
}