Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Mar 2012
    Posts
    151
    Thanks
    18
    Thanked 0 Times in 0 Posts

    Floating this paragraph to the right.. Not working for some reason

    How can I keep the text floating to the right of each picture? It looks like it works with a little text line (the bottom 2 pictures) but when I add more text (the top 2 pictures/text) it bumps it above the picture...

    http://palmcasualpvc.com/cushion-sets

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,259
    Thanks
    10
    Thanked 276 Times in 275 Posts
    Typically you'd implement this layout like this:
    Code:
    <img src="blah.jpg" style="float:left">
    <p>text here</p>
    As you have it, the paragraph first has no reason to leave room for the following image, and on top of that the following image is inexplicably surrounded by more <p> tags.

    Dave

  • Users who have thanked tracknut for this post:

    taymag (08-29-2013)

  • #3
    Regular Coder
    Join Date
    Mar 2012
    Posts
    151
    Thanks
    18
    Thanked 0 Times in 0 Posts

    Thumbs up

    Quote Originally Posted by tracknut View Post
    Typically you'd implement this layout like this:
    Code:
    <img src="blah.jpg" style="float:left">
    <p>text here</p>
    As you have it, the paragraph first has no reason to leave room for the following image, and on top of that the following image is inexplicably surrounded by more <p> tags.

    Dave
    Cool. Thanks, looks good now


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •