aligner une image sur une ligne de texte

WRInaute occasionnel
salu
je cherche un moyen propre de faire en sorte qu'une icone soit centré verticalement par rapport à une ligne de texte.
par exemple :

pas ça
----
----
---- texte

mais ça
----
---- texte
----
 
Nouveau WRInaute
Bonjour,

Utilises

Code:
    <ul class="puce">
        <li>Ton texte</li>
     </ul>

et dans Css:

Code:
.puce 
{
   list-style-image: url("ton image.jpg");
   etc ...

}
 
WRInaute discret
Utiliser une liste ça n'a aucun sens pour ce genre d'application...

Le texte à aligner, c'est un paragraphe ou juste une ligne ?
 
WRInaute discret
Tu peux aussi faire du html tout con :

Code:
<img src="https://www.webrankinfo.com/images/wri/webrankinfo.png" width=92 height=92 border=0 align="middle" />Test
 
WRInaute discret
absmiddle passe sous IE (par contre avec middle j'avais un pbme sous IE car l'image n'était pas centrée verticalement par rapport au texte...)
 
WRInaute discret
sinon, si ce n'est que pour une ligne de texte, style="vertical-align:middle" ça devrait faire l'affaire, non ?
 
Nouveau WRInaute
C'est bon pour un tableau et peut être IE, la solution li c'est à ma connaissance la seule qui fonctionne sur l'ensemble des navigateurs (je crois) et qui ne soit pas une usine à gaz ... ce n'est peut être pas orthodoxe mais c'est valide !!

Sinon, je suis preneur de toute autre méthode.

Cordialement.
 
Discussions similaires
Haut