Alignement du texte avec image
Résolu
mister buzz
Messages postés
257
Statut
Membre
-
mister buzz Messages postés 257 Statut Membre -
mister buzz Messages postés 257 Statut Membre -
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
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Transcription audio en texte word gratuit - Guide
- Insérer une image dans word sans bouger le 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.