Aligner texte et image dans un article wordpress [Résolu/Fermé]

Signaler
Messages postés
238
Date d'inscription
jeudi 30 octobre 2008
Statut
Membre
Dernière intervention
2 février 2016
-
mister buzz
Messages postés
238
Date d'inscription
jeudi 30 octobre 2008
Statut
Membre
Dernière intervention
2 février 2016
-
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

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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 82290 internautes nous ont dit merci ce mois-ci

Messages postés
238
Date d'inscription
jeudi 30 octobre 2008
Statut
Membre
Dernière intervention
2 février 2016
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.
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 82290 internautes nous ont dit merci ce mois-ci