Jump to content

Vertical Allignment Within Table Cells


ThePsion5

Recommended Posts

Hi, I'm trying to setup a CSS script that will place an element inside of a table at the bottom of the cell, but I'm not sure how to go about doing this (the height of the cell varies). My basic setup would be like this:

<table><tr><td>Image-Containing Cell</td><td><h3>title</h3><p>some text i want aligned at the top</p><span>some text i want aligned at the bottom</span></td></tr></table>

I've gone though various css tutorials, but can't find a way to get this to work (firefox and ie preferably), any ideas?

Link to comment
Share on other sites

Whoops, just re-read your message.You would have to have a CSS like this:CSS:

<style type="text/css">.cell1 {  height: 20%;}.cell2 {  vertical-align: top;}</style>

html:

<table><tr><td class="cell1">Image-Containing Cell</td><td class="cell2"><h3>title</h3><p>some text i want aligned at the top</p><span>some text i want aligned at the bottom</span></td></tr></table>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...