text wrap around photos

• 

  twobordercollies · Member · May 7, 2013 at 11:15 pm

  • Copy link
  • Add topic to favorites

  This is just a test blog. The one I need help with is actually http://beautibasics.wordpress.com/host-a-spa-party/
  The problem is that the text is next to the last photo, and I want it to drop to below the photo. I know that if I change the alignment to “none” it will work, but if I do that, the photos don’t stay on the same line. What I want to do is use paragraph tags to make it drop to below the photo. This works perfectly when I edit the html of a POST, but it won’t work on a PAGE. HELP! I’ve been struggling with this for about 4 hours.

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · May 7, 2013 at 11:19 pm

  • Copy link

  Hi there,
  The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

  Align-left means position left, with the rest of the content wrapping around the right side of the image.
  Align-right means position right, with the rest of the content wrapping around the left side of the image.
  Align-center means position center, with no wrap-around (= the rest of the content below the image).
  To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
  <div style="clear:both;"></div>

• 

  beauticontrolbev · Member · May 7, 2013 at 11:33 pm

  • Copy link

  Yes, but now all 3 little photos are all on separate lines….I want them to all be on one line. Changing the alignment to “none” accomplished that anyway, even before I used the code you gave me.????

• 

  twobordercollies · Member · May 7, 2013 at 11:40 pm

  • Copy link

  OK-now I seem to have subscribed the person I’m working on this site for to this post. any way to undo that?
  The only way to keep all three photos on one line is to set all the alignments to “left”. In which case the code you sent didn’t do anything…unless I’m not doing it right, which, at this point, is probable.

• 

  twobordercollies · Member · May 7, 2013 at 11:47 pm

  • Copy link

  OK, I tried it again, and it worked this time.
  Thank you thank you thank you!

• 

  timethief · Member · May 8, 2013 at 1:50 am

  • Copy link

  Oh good, you mastered it. Best wishes with your blog. :)