Utilisation de Blueprint CSS, comment obtenir du texte pour entourer une image div?

Question

J'ai créé le div wrapper suivant avec un div à l'intérieur de la moitié de la largeur pour contenir une image. Ce que je veux, c'est que le texte placé dans la div wrapper circule autour de l'image div, mais il apparaît soit sur le dessus, soit seulement sur le côté.

<div id="wrapper" class='span-8 last'> 
<div id="image" class='span-4'> 
</div> 
</div> 

Y a-t-il un changement que je pourrais apporter à mes cours Blueprint pour que cela fonctionne?

Answer 1

Vérifiez les changements de style effectués par le .span-4. Vous devrez peut-être supprimer l'une des déclarations. Vous ne pouvez pas simplement créer une classe CSS séparée pour les images flottantes ou utiliser un style en ligne qui dit "float: right" et quel que soit l'habillage de texte que vous voulez?

Vous pourriez avoir aussi plus de chance d'obtenir une réponse à votre question sur the Pro Webmasters Q&A site.

Answer 2

Avez-vous placé le texte correctement après l'image?

<div id="wrapper" class='span-8 last'> 
    <div id="image" class='span-4'> 
    </div> 
    TEXT GOES HERE.... 
</div> 

Answer 3

Eh bien, vous n'avez pas posté de CSS, donc nous ne savons pas avec certitude quels attributs sont déjà définis. En laissant les choses telles qu'elles sont dans votre exemple, si vous ajoutez un float:left; à l'image div, le texte l'entourera.