[css-d] Positioning an image class ?
I am trying to get the advert block (.ads) to display about 30px down the
maincontent div but have the text run alongside the advert contained with the
ads class.
At the moment however the .ads advert displays after the text in maincontent
Any ideas?
#wrapper
{
margin: 0 auto;
padding: 0;
border: 2px black;
width: 951px;
background: #ff;
}
#maincontent
{
background: #ff;
color: #00;
width: 440px;
margin-left: 225px;
line-height: 130%;
margin-top: 40px;
border-top: 2px black;
margin-right: 200px;
}
.ads
{
float: right;
display: block;
width: 250px ;
height: 280px ;
vertical-align: middle ;
text-align: center ;
background: #fff url(adlink.gif) no-repeat 50% 2% }
div id=wrapper
div id=maincontent
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
div class=ads
/br
img src=advert.gif alt=Advert/
/div
/div
/div
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning an image class ?
On 19/12/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I am trying to get the advert block (.ads) to display about 30px down the maincontent div but have the text run alongside the advert contained with the ads class. At the moment however the .ads advert displays after the text in maincontent If you put the div.ads above the the text content, it will display correctly. Here is how the html content could flow: #wrapper #maincontent .ads text content HTH -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning an image class ?
On 19/12/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: However at present I have image1.gif but what I would like is for the text to wrap around the advert like in image2.gif. You would need to have the div.ads container appear in the html flow after those two paragraph containers. -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
