Alignment in HTML Table

  • Author
    Posts
  • #889996

    dickiebo
    Member

    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 dickiebo.wordpress.com.

    #890126

    justpi
    Member

    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;">

    #890139

    dickiebo
    Member

    Thanks very much indeed. Most helpful. Thanks.

    #890164

    justpi
    Member

    You’re welcome!

    #890344

    tamhsccmass
    Member

    This was amazingly helpful. Thanks, justpi.

The topic ‘Alignment in HTML Table’ is closed to new replies.