You do have to split up the paragraphs of the body text. The image will
have to be somewhere in between. The only way to get the text to flow around
the image is a float and content placed before the float in structure will
not be affected by the float, only information placed afterwards. Also, you
don'tneed the div#BannerAd200x200, you can style the image itself since it
is the item holding the content.
So do something like this
<head>
<style type="text/css">
div#FeaturedArticleBody img{
float: right;
width: 200px;
height: 200px;
margin: 10px;
}
</style>
</head>
<body>
<div id="FeaturedArticleBody">
#featuredArticle1#
<img src="#BannerAd200x200#" />
#featuredArticle2#
</div>
-----Original Message-----
From: Matthew Small [mailto:[EMAIL PROTECTED]
Sent: Monday, April 11, 2005 3:50 PM
To: CF-Community
Subject: CSS question
Hi there,
I'm doing CSS for pretty much the first time, and I've found it
to be incredibly useful. I'm having a hard time figuring out exactly how to
do something. Here's my code
<!-- Featured Article -->
<div id="FeaturedArticle">
<div id="FeaturedArticleBody">
#FeaturedArticle.Body#
<div id="BannerAd200x200" style="float:left;
position: absolute; top: 200px; left:280px; width:200px; height:200px;">
<img src="#BannerAd200x200#" width="200"
height="200">
</div>
</div>
</div>
I am trying to get the BannerAd200x200 image to be 200px from the top and
280px from the left, with the text FeaturedArticle.Body to wrap around it.
I'm getting the position right, but the text is flowing underneath the image
rather than around it. What am I doing wrong? BTW, there's a lot more to
this code than you're seeing, so let me know if you need more to help me.
Thank you,
Matthew Small
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49
Message: http://www.houseoffusion.com/lists.cfm/link=i:5:153545
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
