Need help? Check out our Support site, then


Aligning Pictures and Text in a Table

  1. 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. Here's the test page: http://tebiki.be/foodtest/

  3. panaghiotisadam
    Member

    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. It works! This is great!

    Thanks a lot!

    Xavier

Topic Closed

This topic has been closed to new replies.

About this Topic