vertical-align in table cell

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Paul E Collins - 28 Oct 2003 19:30 GMT

Hello.

Why doesn't 'test' appear at the bottom of its cell when I use the following
markup?
How should I achieve this instead?

<table border=1>
<tr>
<td>
<p>Lorem<br>ipsum<br>dolor<br>sit<br>amet...</p>
</td>
<td>
<p style="vertical-align: bottom">test</p>
</td>
</tr>
</table>

P.

Reply to this Message

Steve Pugh - 28 Oct 2003 19:46 GMT

>Why doesn't 'test' appear at the bottom of its cell when I use the following
>markup?

Because vertical-align doesn't apply to block level elements like p.

>How should I achieve this instead?

Apply the vertical-align to the td element instead.

Steve

Signature

"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve@pugh.net> <http://steve.pugh.net/>

Reply to this Message

Paul E Collins - 28 Oct 2003 20:40 GMT

> vertical-align doesn't apply to block level elements
> like p. Apply the vertical-align to the td element
> instead.

If I wanted to have some text at the very top of the cell and some at the
very bottom, how would I go about doing that - or would it require two
separate cells?

Thanks.

P.

Reply to this Message

Chris Morris - 29 Oct 2003 17:50 GMT

> > vertical-align doesn't apply to block level elements
> > like p. Apply the vertical-align to the td element
[quoted text clipped - 3 lines]
> very bottom, how would I go about doing that - or would it require two
> separate cells?

It sounds like two separate data items, so two separate data cells.

Of course, if they aren't separate, provide a URL with example and
there might be a better solution.

And if it's a layout table, you're probably better off re-doing the
layout with CSS anyway.

Signature

Chris

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / October 2003

vertical-align in table cell