Aligner un texte avec son image [Résolu/Fermé]

Messages postés
6
Date d'inscription
jeudi 4 octobre 2012
Statut
Membre
Dernière intervention
18 octobre 2012
- - Dernière réponse : Philosophe-du-88
Messages postés
6
Date d'inscription
jeudi 4 octobre 2012
Statut
Membre
Dernière intervention
18 octobre 2012
- 18 oct. 2012 à 19:01
Salut à tous,

Je souhaiterais apparaitre mon texte <span> à droite de l'image du lien. Cependant, je n'arrive pas à la centrer par rapport à l'image, le texte reste en bas de celle-ci, à droite.

Voici le "code" :

<li><a href="audio.php"><img src="Docs/audio.png" title="Audio - Music" alt="Audio - Music" /><span>Audio</span></a></li>

Merci d'avance, bonne soirée

Afficher la suite 

3 réponses

Meilleure réponse
Messages postés
514
Date d'inscription
lundi 9 mai 2011
Statut
Membre
Dernière intervention
17 avril 2013
84
1
Merci
HTML:

<li><a href="audio.php"><img class="img_vcenter" src="Docs/audio.png" title="Audio - Music" alt="Audio - Music" /><span>Audio</span></a></li> 

css:
img_vcenter
{
vertical-align: middle;
}

Dire « Merci » 1

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 62798 internautes nous ont dit merci ce mois-ci

Philosophe-du-88
Messages postés
6
Date d'inscription
jeudi 4 octobre 2012
Statut
Membre
Dernière intervention
18 octobre 2012
-
Ca fonctionne nickel, merci Freedomsoul !
Messages postés
1489
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
242
0
Merci
Tout se passe dans le fichier css:
img déclarés en display block puis float: left pour img.
Messages postés
6709
Date d'inscription
mercredi 13 avril 2011
Statut
Membre
Dernière intervention
28 septembre 2015
1225
0
Merci
Bonsoir,

Une image dans un LI ????

Essayer ça:

<figure>
    <img src="Docs/audio.png" title="Audio - Music" alt="Audio - Music" />
    <figcaption>Audio</figcaption>
</figure> 


et le CSS qui va bien:

<style type="text/css">
   figure { display: block; text-align: left; padding-left: 12px; }
   img { max-width: 100%; }
   figcaption { display: block; }
</style>


A+
Rodolphe_
Messages postés
1489
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
20 décembre 2014
242 -
perso je ne vois rien de choquant à mettre une image dans un li, une image peut tout à fait être intégrée dans une liste ordonnée ou non.
Philosophe-du-88
Messages postés
6
Date d'inscription
jeudi 4 octobre 2012
Statut
Membre
Dernière intervention
18 octobre 2012
-
Mon image est une simple icone faisant office de lien pour accéder à une autre page (d'ou son intégration dans une balise li). J'aurais aimé mettre le texte pile à droite (ce que j'arrive à faire), au centre de l'image (ce que je n'arrive pas du tout à faire). pour le moment mon css est le suivant :

#menu ul li{list-style-type: none;display:block;text-align:left;}

et di coté html

<div id="menu">
<ul>
<li><a href="audio.php"><img src="Docs/audio.png" title="Audio - Music" alt="Audio - Music" /><span>Audio</span></a></li>
(...)

quelqu'un a une idée ?

Merci