aligner une image sur une ligne de texte

  • Auteur de la discussion Auteur de la discussion julk
  • Date de début Date de début
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.
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut