Aligning/wrapping images correctly

• 

  rachmcconnachie · Member · Jun 18, 2011 at 6:51 am

  • Copy link
  • Add topic to favorites

  I am needing help in regard to this blog post:
  http://sweetasnzgirl.wordpress.com/2010/11/15/free-legal-music-to-my-ears/

  I have tried to align images to the left and have added horizontal/vertical space 5px.

  However the images seem to float around all over the place and are not all left aligned.

  Obviously just pushing the return key doesn’t do anything…is there something I can change in html?

  Using Bueno theme (not self-hosted).

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

• 

  thesacredpath · Member · Jun 18, 2011 at 6:55 am

  • Copy link

  At the end of each paragraph associated with an individual image, add the following right at the end from within the HTML tab in the editor.

  <br style="clear:both;" />

• 

  rachmcconnachie · Member · Jun 18, 2011 at 7:11 am

  • Copy link

  Thanks @thesacredpath! I should have asked earlier…instead of spending hours trying to fix it!

  I think it’s better now. The alignment is all correct, however the vertical space is still irregular. Can you help with this?

  And if anyone can suggest an easier way to approach a post like this, please let me know!

• 

  1tess · Moderator Emeritus · Jun 18, 2011 at 7:21 am

  • Copy link

  The most certain way is to use a table so that your paragraphs and images align as you want them with the padding between as you like/

  But I’d say they look good in Safari on my laptop now…

• 

  panaghiotisadam · Member · Jun 18, 2011 at 7:11 pm

  • Copy link

  The vertical spacing is irregular because you’ve messed up the paragraph formatting. Edit the post in the HTML editor and make sure each set is like that:

  IMAGE CODE HERE<strong>TITLE AND GENRE HERE</strong>
  <p>PARAGRAPH HERE</p>
  <br style="clear:both;" /><br />