Aligning Pictures and Text in a Table

• 

  xaa84 · Member · Jun 11, 2011 at 4:47 am

  • Copy link
  • Add topic to favorites

  Hi everyone!

  I’m having some trouble aligning pictures and text in a table.
  Here’s the test page I’m working on:
  As you can see in the second row, pictures align perfectly. But in the first row, the text doesn’t align top of the cell…

  Here’s the code I’m using:

  <table summary="" border="0" cellspacing="10" cellpadding="0" align="center">
  <tbody>
  <tr>
  <td valign="top">PICTURE</td>
  <td valign="top">Test
  Test
  test</td>
  </tr>
  <tr>
  <td valign="top"> PICTURE </td>
  <td valign="top"> PICTURE </td>
  </tr>
  </tbody>
  </table>

  Any insight would be greatly appreciated!
  Thanks!
  Xavier

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

• 

  xaa84 · Member · Jun 11, 2011 at 4:48 am

  • Copy link

  Here’s the test page: http://tebiki.be/foodtest/

• 

  panaghiotisadam · Member · Jun 11, 2011 at 1:06 pm

  • Copy link

  The opening td tags need to be:
  <td style="vertical-align:top;">

  But if what you’re trying to do is a column of images with some text next to each one, you don’t need a table, you only need this (with the alignment of each image set to Left):

  IMAGE1 CODE - TEXT1
  <br style="clear:both;" />
  IMAGE2 CODE - TEXT2
  <br style="clear:both;" />
  etc.

• 

  xaa84 · Member · Jun 11, 2011 at 3:24 pm

  • Copy link

  It works! This is great!

  Thanks a lot!

  Xavier