Getting space between photos….?

• 

  disc440 · Member · Apr 15, 2012 at 7:15 pm

  • Copy link
  • Add topic to favorites

  I have a page with two photos side by side, and then one centered underneath. I am unable to get any spacing between the top two and the bottom one. Why doesn’t
  work in html?

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

• 

  justpi · Member · Apr 15, 2012 at 7:54 pm

  • Copy link

  To display code here, you need to enclose it in backticks (see below reply field).

  The br tag does work. But (as you can see above) its job is a line break, not blank space.

  Assuming you’re talking about plain, non-captioned images, then to create more space between them you add a bottom margin to the upper ones or a top margin to the lower one.

  (And if you don’t want us to assume, you need to link or point to the page in question instead of referring to “a page”.)

• 

  disc440 · Member · Apr 15, 2012 at 8:33 pm

  • Copy link

  This is the page in question….

  http://stoutstandards.wordpress.com/my-books/

• 

  justpi · Member · Apr 15, 2012 at 10:02 pm

  • Copy link

  Ah, you’ve set the alignment of the first two images to left and right, which means wrap-around, so the third image is trying to squeeze itself in between. To stop the wrap-around effect, you need to paste this before the code of the third image:
  <br style="clear:both;" />

  This will give you the ‘normal’ spacing of the theme. If you’d like to have even more space above the third image, change its code from this:
  <img src=ETC ETC

  to this:
  <img style="margin-top:34px;" src=ETC ETC

  Change the number to adjust the space.

• 

  justpi · Member · Apr 16, 2012 at 2:14 am

  • Copy link

  After checking your page, I must add that code is pasted in the HTML editor.