Alignement du texte avec image Résolu/Fermé

Question

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...

jjaco · Answer

tu pourrais faire deux div, une div image et une div texte avec un float

mister buzz · Answer

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)

animostab · Answer

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

mister buzz · Answer

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.

animostab · Answer

salut le html

ton texte

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.

mister buzz · Answer

ça marche impeccable, pour ce qui est de wordpress je vais ouvrir un post au forum adéquat. Merci...

Alignement du texte avec image

6 réponses

Discussions similaires