Alignement du texte avec image
Résolu
mister buzz
Messages postés
238
Date d'inscription
Statut
Membre
Dernière intervention
-
mister buzz Messages postés 238 Date d'inscription Statut Membre Dernière intervention -
mister buzz Messages postés 238 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je veux aligner verticalement mon texte avec une image. J'ai donc mis le code suivant: img {vertical-align: text-top}.
Le problème est que seule la première ligne du paragraphe s'aligne avec l'image, le reste du texte se met automatiquement en dessous de l'image.
Qu'est ce que je dois changer?
Merci d'avance...
Je veux aligner verticalement mon texte avec une image. J'ai donc mis le code suivant: img {vertical-align: text-top}.
Le problème est que seule la première ligne du paragraphe s'aligne avec l'image, le reste du texte se met automatiquement en dessous de l'image.
Qu'est ce que je dois changer?
Merci d'avance...
A voir également:
- Aligner texte et image html
- Extraire texte d'une image - Guide
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
6 réponses
salut
le html
<div class="img"><img src="image.png"></div>
<div class="text"><p>ton texte</p></div>
le css
.img {
width:200px;
display:inline-table;
vertical-align:top;
}
.text {
display:inline-table;
vertical-align:top;
}
.text p {
margin:0;
}
Pour ce qui est de wordpress désolé je connais pas ce cms
j'avais aussi oublié que vertical-align marche aussi avec display inline-table
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
le html
<div class="img"><img src="image.png"></div>
<div class="text"><p>ton texte</p></div>
le css
.img {
width:200px;
display:inline-table;
vertical-align:top;
}
.text {
display:inline-table;
vertical-align:top;
}
.text p {
margin:0;
}
Pour ce qui est de wordpress désolé je connais pas ce cms
j'avais aussi oublié que vertical-align marche aussi avec display inline-table
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
Avec le float ça ne marche pas non plus, je précise aussi que c'est un site sous wordpress (au cas où ça change quelque chose)
2 div avec display:inline-table;
la div avec l'image largeur fixe de l'image
la div avec le texte pas de largeur spécifiée
la div avec l'image largeur fixe de l'image
la div avec le texte pas de largeur spécifiée
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci animostab le texte est décalé vers la droite de l'image mais en créant un autre problème: l'image s'aligne verticalement maintenant avec la dernière ligne de mon paragraphe texte.
De plus, y'aurait-il pas un moyen de le faire directement via l'édition d'article wordpress comme avec les autres thèmes (le mien est mon oeuvre, ça explique surement les défauts)... Ce serait mieux pour moi car j'aurais énormément d'articles avec insertion d'image à gérer.
De plus, y'aurait-il pas un moyen de le faire directement via l'édition d'article wordpress comme avec les autres thèmes (le mien est mon oeuvre, ça explique surement les défauts)... Ce serait mieux pour moi car j'aurais énormément d'articles avec insertion d'image à gérer.