次のラッパー div を作成し、その中に div を幅の半分にして画像を含めました。
私が欲しいのは、ラッパーdivに配置されたテキストが画像divの周りを流れるようにすることですが、それはその上に表示されるか、その横にのみ表示されます。
<div id="wrapper" class='span-8 last'>
<div id="image" class='span-4'>
</div>
</div>
これを機能させるためにブループリント クラスに加えられる変更はありますか?
次のラッパー div を作成し、その中に div を幅の半分にして画像を含めました。
私が欲しいのは、ラッパーdivに配置されたテキストが画像divの周りを流れるようにすることですが、それはその上に表示されるか、その横にのみ表示されます。
<div id="wrapper" class='span-8 last'>
<div id="image" class='span-4'>
</div>
</div>
これを機能させるためにブループリント クラスに加えられる変更はありますか?
Did you place the text correctly after the image?
<div id="wrapper" class='span-8 last'>
<div id="image" class='span-4'>
</div>
TEXT GOES HERE....
</div>
css を投稿していないので、どの属性が既に設定されているかはわかりません。例をそのままにして、画像の div に a を追加するfloat:left;
と、テキストがその周りに流れます。
.span-4によるスタイルの変更を確認してください。そこで宣言の1つを削除する必要があるかもしれません。
フローティング画像用に別のCSSクラスを作成したり、「float:right」というインラインスタイルや必要なテキストラッピングを使用したりできませんか?
また、Pro Webmasters Q&Aサイトで質問に回答してもらう方が幸運かもしれません。