Aligner texte et image dans un article wordpress

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 - 7 janv. 2014 à 01:33

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?

A voir également:

Aligner texte et image dans un article wordpress
Insérer une image dans word sans bouger le texte - Guide
Extraire texte d'une image - Guide
Image iso - Guide
Transcription audio en texte word gratuit - Guide
Excel cellule couleur si condition texte - Guide

2 réponses

Réponse 1 / 2

Utilisateur anonyme

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>

(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)

Réponse 2 / 2

mister buzz Messages postés 238 Date d'inscription Statut Membre Dernière intervention 1

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.

Discussions similaires

PIX

copie de texte

Votre réponse

Discussions similaires