Alignment in HTML Table

• 

  dickiebo · Member · May 14, 2012 at 12:08 pm

  • Copy link
  • Add topic to favorites

  I’m just trying out new things on my blog, so please bear with me!!
  I have inserted a 3 column table [http://dickiebo.wordpress.com/2012/05/14/testing-please-ignore-this/] with a pic in the outside columns and text in the centre column. The text does not align on the post, even though it was OK when I did it in the Editor. Any idea as to how I can align the writing, please, so that it remains ‘level’ with the pics? Many thanks.

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

• 

  justpi · Member · May 14, 2012 at 4:30 pm

  • Copy link

  You need to turn these:
  <td>

  to this:
  <td style="vertical-align:top;">

  Other suggestions:
  Don’t use these – they don’t work:
  width=”400″ border=”1″ cellspacing=”3″ cellpadding=”3″
  If you wish to limit the width, add it to the style of the opening table tag.
  And since you’ve set a bg color, I would add some padding. In all:
  <table style="width:400px;background-color:#ffc;padding:12px;">

• 

  dickiebo · Member · May 14, 2012 at 4:58 pm

  • Copy link

  Thanks very much indeed. Most helpful. Thanks.

• 

  justpi · Member · May 14, 2012 at 6:31 pm

  • Copy link

  You’re welcome!

• 

  tamhsccmass · Member · May 29, 2012 at 10:29 pm

  • Copy link

  This was amazingly helpful. Thanks, justpi.