Aligner texte et image dans un article wordpress
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,
J'utilise sur wordpress un thème que j'ai moi même créé mais vu que je ne suis pas un pro je soupçonne certaines erreurs dans mon css.
Mon problème est que je veux aligner verticalement mon texte avec une image. En temps normal il me suffit d'aligner la photo à gauche directement dans wordpress mais avec mon thème seule la première ligne s'aligne avec l'image.
Dans le forum dédié au CSS j'ai eu l'astuce suivante :
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;
}
ça marche mais ce n'est pas très pratique dans mon cas car 1) le texte ne revient pas automatiquement à la ligne une fois qu'il dépasse la hauteur de la photo et 2) vu le nombre d'articles que je dois rédiger quotidiennement ça risque d'être fastidieux.
Quelqu'un pourrait-il m'aider?
J'utilise sur wordpress un thème que j'ai moi même créé mais vu que je ne suis pas un pro je soupçonne certaines erreurs dans mon css.
Mon problème est que je veux aligner verticalement mon texte avec une image. En temps normal il me suffit d'aligner la photo à gauche directement dans wordpress mais avec mon thème seule la première ligne s'aligne avec l'image.
Dans le forum dédié au CSS j'ai eu l'astuce suivante :
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;
}
ça marche mais ce n'est pas très pratique dans mon cas car 1) le texte ne revient pas automatiquement à la ligne une fois qu'il dépasse la hauteur de la photo et 2) vu le nombre d'articles que je dois rédiger quotidiennement ça risque d'être fastidieux.
Quelqu'un pourrait-il m'aider?
A voir également:
- Aligner texte et image dans un article wordpress
- Extraire texte d'une image - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Image iso - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
2 réponses
salut je sais pas si j'ai compris mais si tu rajoute width: 200px; dans ton block text
(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
<style type="text/css">
.img {
width:200px;
display:inline-table;
vertical-align:top;
}
.text {
width: 200px;
display:inline-table;
vertical-align:top;
}
.text p {
margin:0;
}
</style>
(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
Salut et merci pour ta réponse lobotoFix. En rajoutant 200px au texte le problème n'est toujours pas réglé.
Par contre j'ai trouvé une solution alternative c'est de publier à partir de Microsoft Word, là j'ai exactement la disposition que je souhaite.
Donc je vais faire ça en attendant de solutionner le problème à la source.
Merci encore.
Par contre j'ai trouvé une solution alternative c'est de publier à partir de Microsoft Word, là j'ai exactement la disposition que je souhaite.
Donc je vais faire ça en attendant de solutionner le problème à la source.
Merci encore.