Problem:

Paragraph is

www.barrister-direct.com/style3.php


Where the gap appears the code appears for the sidebar. Perhaps the size of the sidebar image is causing the problem?



Code:

PHP Code:

<p>I am qualified as a Californian attorney and may accept    instructions in matters with an Anglo-American element. </p></td>                      <td width="250"><img src="rc102.jpg">                                   </td>                   </tr>                   <tr>                     <td><h1><strong>What can you do when you are directly instructed?</strong></h1>                       <p>I am able to advise you about the strength of your case    and how you should pursue it. I may do this in writing, over th 


What is this?

<img src="rc102.jpg">

EDIT: Nevermind, I found it.

Could it possibly be a top margin on the following h1?

It's because the image in the right column requires that height. If the image were smaller, or if you just add more text to the left column, there would not be any gap. To easily see what I mean, try adding a border to all the cells. Add this CSS

td {
   border: 1px solid #f00;
}

Now, to the solution. The clever way of solving this is to let the right cell that has the image stretch down over two rows, instead of one as it does now. I'll give you an example:

Currently, your code looks like this

<table>
   <tr>
      <td>Left column with text</td>
      <td>Right column with image</td>
   </tr>
   <tr>
      <td>Left column with more text</td>
      <td>Empty cell</td>
   </tr>
</table>

Change it into this

<table>
   <tr>
      <td>Left column with text</td>
      <td rowspan="2">Right column with image, that will stretch over 2 rows instead of 1</td>
   </tr>
   <tr>
      <td>Left column with more text</td>
   </tr>
</table>

Also, you have two empty rows in the bottom of the table, you can remove those. I mean the ones that look like this

   <tr>
      <td></td>
      <td></td>
   </tr>
   <tr>
      <td></td>
      <td></td>
   </tr>

...Or you could do that. Nice job, lizciz

thanks for your help its really appreciated !

I tried to rowspan thing but it moved the image in right column down the page a lot

I thought maybe I could use an ALIGN=TOP to bring it up to the top but to no avail

</span></p>
<p>I am qualified as a Californian attorney and may accept    instructions in matters with an Anglo-American element. </span></p></td>
                     <td  rowspan="2" width="250"><img src="rc102.jpg"  ALIGN=TOP/>
             
                    </td>
                  </tr>
                  <tr>
                    <td><h1><strong>What can you do when you are directly instructed?</strong></h1>
// Then table continues with content for LHS before ending in </td>

Use valign="top"

worked perfectly

   <td  valign="top" rowspan="2" width="250"><img src="rc102.jpg"  />

thanks