Different alignments within a table cell

edfrombrooklyn · Joined: 09 Mar 2005 Posts: 3

I'd like to know if there's anyway to align text in more than one way within a single table cell. In other words, I want some text to be pushed all the way to the top of the cell, and some to be pushed all the way to the bottom.

<html>
<head>
<title>Page Title</title>
</head>

<body>
<table>
<tr>
<td height="200">I want this line on top of the cell<br>I want this line on the bottom
</td>
</tr>
</table>
</body>
</html>

degsy · Joined: 23 Feb 2005 Posts: 2440 Location: North East, UK

Not really. The easiest way would be to split the cell and use the vAlign attribute

edfrombrooklyn · Joined: 09 Mar 2005 Posts: 3

Yeah, but that would only work if there was someway to insure that the sub-cells filled the entire parent cell. Is there?

degsy · Joined: 23 Feb 2005 Posts: 2440 Location: North East, UK

not sure what you mean

edfrombrooklyn · Joined: 09 Mar 2005 Posts: 3

What I meant was:
You said I could split the cell and use different alignments for the top and bottom. I assume what you meant was to put a new table into the <td>, with two <tr>'s - the top one with a valign="top", and the bottom one with a valign="bottom". Problem is, the table doesn't fill the entire <td>, so either the table is at the top of the <td> and the bottom of the text isn't at the botttom of the <td>, or the table is at the bottom, and the text at the top of the table isn't at the top of the <td>, or the table is in the middle, and nothing's where I want it ! Crying or Very sad

I can't just split the cell by creating two rows in th esurrounding table, because the surrounding table has borders, and I don't want any borders inside this <td>, so the only way to split the cell would be to create a new table inside