Aligner un texte avec son image [Résolu/Fermé]
Signaler
Philosophe-du-88
Philosophe-du-88
- Messages postés
- 6
- Date d'inscription
- jeudi 4 octobre 2012
- Statut
- Membre
- Dernière intervention
- 18 octobre 2012
Philosophe-du-88
- Messages postés
- 6
- Date d'inscription
- jeudi 4 octobre 2012
- Statut
- Membre
- Dernière intervention
- 18 octobre 2012
A voir également:
- Aligner texte et image html
- Html aligner texte et image - Meilleures réponses
- Centrer un texte sur une image css - Meilleures réponses
- Aligner un texte avec son image ✓ - Forum - CSS
- Html aligner texte et image ✓ - Forum - HTML
- Texte sous image html - Forum - CSS
- Aligner texte et image ✓ - Forum - Créer un site
- Aligner texte et image dans un article wordpress ✓ - Forum - Wordpress
3 réponses
Freedomsoul
- Messages postés
- 509
- Date d'inscription
- lundi 9 mai 2011
- Statut
- Membre
- Dernière intervention
- 17 avril 2013
HTML:
css:
img_vcenter
{
<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;}
Signaler
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 !
Rodolphe_
- Messages postés
- 1481
- Date d'inscription
- samedi 7 mai 2005
- Statut
- Membre
- Dernière intervention
- 20 décembre 2014
Tout se passe dans le fichier css:
img déclarés en display block puis float: left pour img.
img déclarés en display block puis float: left pour img.
mpmp93
- Messages postés
- 6648
- Date d'inscription
- mercredi 13 avril 2011
- Statut
- Membre
- Dernière intervention
- 28 septembre 2015
Bonsoir,
Une image dans un LI ????
Essayer ça:
et le CSS qui va bien:
A+
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+
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
#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