rowspan question

[htmlrookie]

I have a table with three entries.
Some text in the first TD with rowspan=2. An image in the second TD and
a table in the last TD. Whats happening is, as the text in the first TD
grows the table in the last TD goes far away from the image in the
second TD.

Something like
<tr>
<td rowspan=2>
Some text.
</td>
<td>
An image
</td>
</tr>
<tr>
<td>
Another table
</td>
</tr>

Any ideas please?

Thanks
-H

[Harlan Messinger]

htmlrookie wrote:

I have a table with three entries.
Some text in the first TD with rowspan=2. An image in the second TD and
a table in the last TD. Whats happening is, as the text in the first TD
grows the table in the last TD goes far away from the image in the
second TD.

Something like
<tr>
<td rowspan=2>
Some text.
</td>
<td>
An image
</td>
</tr>
<tr>
<td>
Another table
</td>
</tr>

Any ideas please?

The first column takes up two rows. The browser has to decide how to
divide its vertical extent between the two rows that it covers. As the
vertical extent grows, the browser distributes the height increase over
the two rows. There's really nothing you can do about this, other than
using CSS to specify a height for one of the rows and hoping that the
browser uses it to override the default behavior.

[me]

"htmlrookie" <sy***@yahoo.com> wrote in message
news:11**********************@l41g2000cwc.googlegr oups.com...

I have a table with three entries.
Some text in the first TD with rowspan=2. An image in the second TD and
a table in the last TD. Whats happening is, as the text in the first TD
grows the table in the last TD goes far away from the image in the
second TD.

Something like
<tr>
<td rowspan=2>
Some text.
</td>
<td>
An image
</td>
</tr>
<tr>
<td>
Another table
</td>
</tr>

Any ideas please?
Thanks
-H

Just a guess but I see no reason why the main table can't have just one row
and two columns (aka two cells in one row). Then you could place the image
and the nested table in one cell and set the vertical alignment of that cell
to "top". See below:
Good Luck,
me

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
<p>Some text</p>
</td>
<td valign="top"><img src="???.jpg" width="200" height="170"><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Another table</td>
</tr>
</table>
</td>
</tr>
</table>

[c.thornquist]

"htmlrookie" <sy***@yahoo.com> wrote in message
news:11**********************@l41g2000cwc.googlegr oups.com...

I have a table with three entries.
Some text in the first TD with rowspan=2. An image in the second TD and
a table in the last TD. Whats happening is, as the text in the first TD
grows the table in the last TD goes far away from the image in the
second TD.

Something like
<tr>
<td rowspan=2>
Some text.
</td>
<td>
An image
</td>
</tr>
<tr>
<td>
Another table
</td>
</tr>

Any ideas please?

Thanks
-H

Your example code doesn't show three TD's across a row. It shows only two;
the third (containing the nested table) is located on a second row. Is that
what you wanted?

Carla

[c.thornquist]

"htmlrookie" <sy***@yahoo.com> wrote in message
news:11**********************@l41g2000cwc.googlegr oups.com...

I have a table with three entries.
Some text in the first TD with rowspan=2. An image in the second TD and
a table in the last TD. Whats happening is, as the text in the first TD
grows the table in the last TD goes far away from the image in the
second TD.

Something like
<tr>
<td rowspan=2>
Some text.
</td>
<td>
An image
</td>
</tr>
<tr>
<td>
Another table
</td>
</tr>

Any ideas please?

Thanks
-H

This is retro:)

If the code above is what you intend, then this will work (but others will
object): make your first TD a rowspan of 3 & put a transparent .gif in the
3rd row's TD to jack up that table so it sits under the image. Set the
height in the .gif to whatever is needed to make the text in the nested
table reach your image. As your text in the first TD lengthens, add height
to your .gif.

It will validate, btw.

Carla

[htmlrookie]

Thanks Carla. I was able to fix it by adding an image at the end of the
last TD.
Thanks to everyone.
-H

[c.thornquist]

"htmlrookie" <sy***@yahoo.com> wrote in message
news:11**********************@f14g2000cwb.googlegr oups.com...

Thanks Carla. I was able to fix it by adding an image at the end of the
last TD.
Thanks to everyone.
-H

You are welcome. Be sure to tell others you learned it at w3.org;) <g>

Carla