Images won't align properly

• 

  brettandhelen · Member · Apr 19, 2011 at 4:24 pm

  • Copy link
  • Add topic to favorites

  I’m trying to put images on left, text on right. I want to make a long column of that. Images left, text describing that image on the right. I get it to look right in my editor window. When I click update, it messes with the alignment. What am I doing wrong?

  Resources

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

• 

  1tess · Moderator Emeritus · Apr 19, 2011 at 6:20 pm

  • Copy link

  The best way to do that is to make a table. In the html editor, paste this code:

  <table style="border:0 none;" border="0" cellspacing="0" cellpadding="0" align="center">
  <tbody>
  <tr>
  <td style="border:none;vertical-align:middle;" width="138">PICTURE</td>
  <td style="border:none;vertical-align:middle;text-align:left;">TEXT</td>
  </tr>
  <tr>
  <td style="border:none;vertical-align:middle;" width="138">PICTURE</td>
  <td style="border:none;vertical-align:middle;text-align:left;">TEXT</td>
  </tr>
  <tr>
  <td style="border:none;vertical-align:middle;" width="138">PICTURE</td>
  <td style="border:none;vertical-align:middle;text-align:left;">TEXT</td>
  </tr>
  </tbody>
  </table>

  You can adjust width=”138″ with the width of your pictures.