Sujet Précédent Sujet Suivant

Aligner texte et image dans un article wordpress

Résolu/Fermé
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 - 6 janv. 2014 à 07:28
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 - 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?

2 réponses

Réponse 1 / 2
Utilisateur anonyme
Modifié par lobotoFix le 6/01/2014 à 10:18
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>

(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
1
Réponse 2 / 2
mister buzz Messages postés 238 Date d'inscription jeudi 30 octobre 2008 Statut Membre Dernière intervention 2 février 2016 1
7 janv. 2014 à 01:33
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.
1