Vertical alignment problem (nested table cells)

Ole Streicher · Apr 10, 2008

Hi group,

how can I use different alignments in the same table row?

I have two multi-row tables and one one-liner that I want to align as follows:

Centered
Centered One-Row OnTop
Centered OnTop
OnTop

The left cell should be centered around the middle cell, while the right one
should be centered on top of the middle cell.

How can I get this? The usual "vertical-align" attributes (or css) did
not help.

Best regards

Ole

Jonathan N. Little · Apr 10, 2008

Ole said:
Hi group,

how can I use different alignments in the same table row?

I have two multi-row tables and one one-liner that I want to align as follows:

Centered
Centered One-Row OnTop
Centered OnTop
OnTop

The left cell should be centered around the middle cell, while the right one
should be centered on top of the middle cell.

How can I get this? The usual "vertical-align" attributes (or css) did
not help.

URL, let's see what you tried...maybe you are approaching the problem
the wrong way.

Ole Streicher · Apr 10, 2008

Jonathan N. Little said:
URL, let's see what you tried...maybe you are approaching the problem
the wrong way.

Unfortunately, I have no public server. Here is what I use:


<html><body>
<table><tr>
<td>
<table>
<tr><td>exp(x)<hr></td></tr>
<tr><td>exp(y)</td></tr>
</table>
</td>
<td>when</td>
<td>
<table>
<tr><td>x exists</td></tr>
<tr><td>and x * y =3</td></tr>
</table>
</td>
</tr></table>
</body></html>


This also shows what I want: a view of some math-like formulas (the
code above is part of a greater switch statement). The problem here is
that (in that example) the rightmost column may be quite long so I
have to break it into multiple rows. In that case, it ist difficult to
read (especially, if there are 3 rows or even more).

I played around with the "valign" attributes as well as with the
according css style option, but without success.

Since the code is part of an automatically generated html page (from a
mathml like xml source), I cannot manually optimize every formula but
need some automatism.

Any ideas?

Regards

Ole

Ole Streicher · Apr 11, 2008

Sid said:
No need to have nested table.

Since every operand in the formula may be another multi-line
operation, I need to put them there.

Try this:
<table cellpadding=10>
<tr>
<td>exp(x)<br><hr>exp(y)</td>
<td>when</td>
<td>x exists and x * y =3</td>
</tr>
</table>

This works only if the third expression is short enough (what was only
the case in the example to save space in the posting). Usually, they are
quite long.

Regards,

Ole

validated html 5 table	19	Dec 2, 2013
Vertical spacing in cells	22	Jan 31, 2010
Table alignment	5	Jul 30, 2011
Dynamic vertical alignment?	0	Dec 14, 2005
Vertical Alignment Gone Wrong, One More Time	12	Jul 17, 2004
Table cell alignment	9	Sep 25, 2009
Vertical alignment in a div	9	Jan 21, 2004
Nested Flex Objects Afecting Other Nested Flex Objects?	1	Nov 5, 2020

Vertical alignment problem (nested table cells)

Ole Streicher

Jonathan N. Little

Ole Streicher

Ole Streicher

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads