WordPress.com

1. xaa84
   Member
   Jun 11, 2011, 4:47 AM

   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 tebiki.be.

2. xaa84
   Member
   Jun 11, 2011, 4:48 AM

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

3. panaghiotisadam
   Member
   Jun 11, 2011, 1:06 PM

   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.

4. xaa84
   Member
   Jun 11, 2011, 3:24 PM

   It works! This is great!

   Thanks a lot!

   Xavier

Topic Closed

This topic has been closed to new replies.