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
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
----
 
Bonjour,

Utilises

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

et dans Css:

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

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

Le texte à aligner, c'est un paragraphe ou juste une ligne ?
 
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
 
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...)
 
sinon, si ce n'est que pour une ligne de texte, style="vertical-align:middle" ça devrait faire l'affaire, non ?
 
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