Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Table alignment issue

    I am having problems with my code on one of my web pages (am using Wordpress). I have a page with with a table comprising of 3 columns, the first column is just one long cell containing text, the next 2 columns to the right are made up of multiple rows (see attached image).

    Yet each time I place an image in columns 2 & 3, the text in column 1 is pushed down to the bottom of the last image.

    Essentially I want to add even more text in the first column, and to the right in columns 2 & 3 have mutiple rows, each with a single image of furniture placed in it. But I want the text in column 1 to line up at the top of the images in columns 2 & 3.

    Please take a look at my code, and I would greatly appreciate being pointed in the right direction:


    Code:
    <p style="text-align: left;"><img class="aligncenter" title="Savanna Wood" src="http://www.zam-ads.com/wp-content/themes/classipress/images/SW/SavWood-banner-logo.jpg" alt="Savanna Wood" width="499" height="118" /></p>
    <p style="text-align: left;"><strong><span style="color: #800000;">Excellence of Design and Construction in the World’s Finest Hardwood</span></strong></p>
    
    <table border="3" cellspacing="6" cellpadding="6">
    <tbody>
    <tr>
    <td rowspan="2" width="275" valign="top">Western   Zambia is part of the greatest expanse of sand in the world, the   Kalahari Sand Veldt. Growing on this huge sandy swath of African bush is   the magnificent Mkusi tree, a.k.a. Zambezi Teak, one of the hardest  and  finest timbers in the world. In 1952 when the London Corn Exchange  was  being built an enquiry was instituted throughout the world that  explored  every possible flooring timber to find the best and   hardest material to construct the floors of the Corn Exchange. There   was a requirement for a floor of particular hardness and durability   because of the destructive and corrosive effect of the corn kernels   ground underfoot and hundreds of people passing to and fro every hour.    After months of deliberation and a series of stringent tests, a  decision  was made to use Mkusi (Zambezi Teak) to make the floors. It  was simply  the finest timber in the world for that purpose.&nbsp;
    </td>
    
    <td width="112" valign="top"><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/harvested_tables.png" alt="" width="95" height="65" /><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/reclaimed_tables.png" alt="" width="95" height="65" /></td>
    <td width="112" valign="top"><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/reclaimed_tables.png" alt="" width="95" height="65" /><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/harvested_tables.png" alt="" width="95" height="65" /></td>
    </tr>
    <tr>
    <td width="112" valign="top">test</td>
    <td width="112" valign="top">here</td>
    </tr>
    </tbody>
    </table>
    Attached Thumbnails Attached Thumbnails Table alignment issue-swquery.jpg  

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,859
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts
    The best solution would be to use Div's instead of tables.
    They are much easier to handle.

    http://www.w3schools.com/html/html_layout.asp





    I need to figure out how to add a signature... so I can put that link in it.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •