Frustrating formatting with pictures next to text.

• 

  chillmikephotography · Member · May 31, 2010 at 5:35 am

  • Copy link
  • Add topic to favorites

  I did some searching and couldn’t seem to find an answer. So I figured I’d just ask here. I’m having some really frustrating moments trying to format my posts where I include a bunch of pictures. Ideally I’d like to insert a picture next to a block of text that talks about that picture. For whatever reason WP doesn’t format it like I enter it into the editor. I’ve tried the HTML editor as well and that doesn’t fix things.

  An example of this can be seen at the following post. If you read the post and look at the pictures I’m sure you can figure out what block of text goes where. Is there any way I can fix this?

  Day 27: My Favorite Post Yet

  Thanks for any and all help.

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

• 

  panaghiotisadam · Member · May 31, 2010 at 5:48 am

  • Copy link

  The reason is the image alignment: when you set the alignment to left or right, the rest of the content is supposed to wrap around it if there’s room enough.

  The simplest way to limit that to the text chunks you want next to each images is by pasting this after each image and text pair:
  <br style="clear:both;" />
  (In the html editor, of course.)

  A more elaborate and versatile way would be table coding.

• 

  smoothjazzdaily · Member · May 31, 2010 at 4:45 pm

  • Copy link

  Some themes have problems to display the position of images properly in the text-flow. In this case place this in the html-text:

  <img class=”alignleft” style=”float: left; margin: 5px; border: black 1px solid;”

• 

  timethief · Member · May 31, 2010 at 4:50 pm

  • Copy link

  @chillmkepgotography
  I don’t waste any time mucking about with the editor. I create HTML tables and insert the images and captions into cells and I’m done – no frustration or hassle.
  http://onecoolsitebloggingtips.com/2010/03/24/align-images-html-tables-for-wordpress-blogs/
  http://onecoolsitebloggingtips.com/2008/03/31/how-to-make-html-tables-for-your-wordpress-blog/

• 

  panaghiotisadam · Member · May 31, 2010 at 5:21 pm

  • Copy link

  @smoothjazzdaily: Your code is redundant: alignleft and floatleft have the same effect. And the OP’s images are already left or right aligned (which creates the problem in the first place). OP wants some text to wrap-around each image, not all the text: the solution is the clear:both code or table coding.

• 

  chillmikephotography · Member · May 31, 2010 at 9:04 pm

  • Copy link

  Thanks panaghiotisadam worked like a champ.

• 

  blubird607 · Member · Jun 30, 2010 at 4:03 pm

  • Copy link

  panaghiotisadam you are AWESOME!