images not lining up correctly….

• 

  jeffharms · Member · Aug 17, 2012 at 6:58 am

  • Copy link
  • Add topic to favorites

  I mean for them to be sitting one after the other, but there appears to be a small space above the first image. There is nothing in the code that explains it. I have tried a million configurations, each one creating weird results different from what the code says….
  Here is my page:

  Arbor Day Farm

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

• 

  justpi · Member · Aug 17, 2012 at 8:37 am

  • Copy link

  There is something in the code that explains it: you have removed the class attribute from the second image code. So the first image is left aligned but the second one has no alignment, so the first image has a top margin but the second one doesn’t (the CSS of the theme specifies a 9px top margin for images aligned left, right or center).

  One way to correct things is add this to the second image code:
  class="alignleft"

  and write the first paragraph like this (to prevent the text from wrapping around):
  <p style="clear:both;">TEXT HERE</p>