word wrap trick..

Louis Raven · 10-14-2008, 11:02 PM

Hey guys,

let's imagine I have a content area on my page:

Code:

<div id="content">
            <p>
                     **Content etc**
            </p>
        </div>

I'd like to have an Adsense/HTML block at the top right of the text/content in which the the text wraps around.

texttexthtmlhtml
texttexthtmlhtml
texttexthtmlhtml
texttexttexttext
texttexttexttext
texttexttexttext

Can this be done?

Thank you so much for your help,

Louis

Amsterdam · 10-15-2008, 03:03 PM

Yes it's actually very easy

Surround your Adsense with a div and float it right, like so:

Code:

<div id="adsense">
    ADSENSE CODE HERE
</div>
<p>ENTER YOUR TEXT HERE</p>

Your style sheet would have:

Code:

#adsense{
float: right;
}

You can see an example here.

Hope this helps,

T

vai_ron · 10-16-2008, 08:28 AM

yep amsterdam is right, just float the div that you want

10-14-2008, 11:02 PM	#1
Louis Raven Elite Warrior Member War Room Member Join Date: Jun 2007 Location: United Kingdom. Posts: 2,876 Blog Entries: 1 Thanks: 211 Thanked 64 Times in 49 Posts Social Networking	word wrap trick.. Hey guys, let's imagine I have a content area on my page: Code: <div id="content"> <p> Content etc </p> </div> I'd like to have an Adsense/HTML block at the top right of the text/content in which the the text wraps around. texttexthtmlhtml texttexthtmlhtml texttexthtmlhtml texttexttexttext texttexttexttext texttexttexttext Can this be done? Thank you so much for your help, Louis
	Web Graphics Design Internet Marketing Blog Baby Blog Babies What Is Anemia?

10-15-2008, 03:03 PM	#2
Amsterdam Advanced Warrior Join Date: Jun 2005 Location: Wirral, UK Posts: 691 Thanks: 2 Thanked 4 Times in 3 Posts Social Networking	Re: word wrap trick.. Yes it's actually very easy Surround your Adsense with a div and float it right, like so: Code: <div id="adsense"> ADSENSE CODE HERE </div> <p>ENTER YOUR TEXT HERE</p> Your style sheet would have: Code: #adsense{ float: right; } You can see an example here. Hope this helps, T
	Web Design Wirral - Web Design, Hosting & Development from TDL Web Developments

10-16-2008, 08:28 AM	#3
vai_ron Warrior Member Join Date: Oct 2008 Posts: 3 Thanks: 0 Thanked 0 Times in 0 Posts	Re: word wrap trick.. yep amsterdam is right, just float the div that you want
	Download FREE .psd web templates, buttons, headers, banners for you web design needs at Web Design Resources with fun tutorials for Photoshop CS2.