By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,693 Members | 1,799 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,693 IT Pros & Developers. It's quick & easy.

How can I get the text to wrap in this code?

P: 3
I have an image and text, and I need to wrap the text to the image, but everything I try puts the text through the image.

The code is:

Expand|Select|Wrap|Line Numbers
  1.  <div class="image_panel"><img src='images/191951_195678923805881_129928253714282_531690_3568902_o.jpg' alt='' width='250' height='225' style='float:absolute; margin:0px padding:3px;'/></div>
  2. <p>Rebounds Used Books &amp; Teacher Supply is located in the metropolitan St. Louis area. We carry all types of books including fiction, nonfiction, and children's books in both paperback and hardcover. Our specialty area involves books used for teaching and learning, and we also carry gently used classroom items of all types.</p>
  3. <p><br />
  4.   We take books and teaching aids in trade for credit toward in-store purchases. If you are in the St. Louis area, please come visit us in Chesterfield at the corner of Olive Blvd. and Wood Mill Rd. Please enjoy browsing our store, both online and off. We hope you find the materials you are looking for!</p>
  5. <p>&nbsp;</p>
  6. <p>Store Credit:</p>
  7. <p>    Paperbacks receive 25% of the list price</p>
  8. <p>Hardbacks receive 12.5% of the list price</p>
  9. <p>&nbsp;</p>
  10. <div class="cleaner_with_height">&nbsp;</div>
  11.     </div> <!-- end of content right -->
Mar 21 '11 #1
Share this Question
Share on Google+
5 Replies

Expert 5K+
P: 7,435
Change the upper part to this:
Expand|Select|Wrap|Line Numbers
  1. <p><img src='images/191951_195678923805881_129928253714282_531690_3568902_o.jpg' alt='' width='250' height='225'                                         style='float:left; margin:0px padding:3px;'/>
  2.         Rebounds Used Books &amp; Teacher Supply is located in the metropolitan St. Louis area. We carry all types of books including fiction, nonfiction, and children's books in both paperback and hardcover. Our specialty area involves books used for teaching and learning, and we also carry gently used classroom items of all types.</p
Is that what you're trying to do?

And greetings from St. Charles.
Mar 22 '11 #2

P: 3
Thanks for the answer. Actually, that doesn't work. The text still overlaps the image when I make that change.
Mar 23 '11 #3

P: 3
Actually, you can look at the site yourself, if you'd like, and you can see exactly what is happening..
Mar 23 '11 #4

Expert 5K+
P: 7,435
So they're down the street from me. ;)

I'm in my car on my iPad right now. I'll look at this later. It's easy enough to do.
Mar 23 '11 #5

Expert 5K+
P: 7,435
The easiest thing you can do is just add a 'margin-left' to those <p> that are affected. It might make more sense to wrap all that in a <div> and assign ids to it so it's not affected by other elements.

To see what I mean, add 'margin-left' to the <p>.
Mar 23 '11 #6

Post your reply

Sign in to post your reply or Sign up for a free account.