Solved

vertical alignment in a table cell

Posted on 2011-09-18
2
132 Views
Last Modified: 2012-05-12
I have a table with a row that has two cells.  The first cell contains a single word and the second contains a textarea box that has some height.  I know the height of the first <td>, with the word, will be the same as the larger height of the second <td>, with the textarea.  But I notice that the single word text in the first td sinks to the bottom of that td, when I would like it to appear at the top of that td.  Is there an easy way to style that?

Thanks
Steve
0
Comment
Question by:steva
2 Comments
 
LVL 3

Accepted Solution

by:
libby9284 earned 500 total points
ID: 36558113
try setting the valign attribute of the <td>, more details here
0
 

Author Closing Comment

by:steva
ID: 36558210
Giving the td an attribute of valign="top" didn't do it but giving the td a  CSS style of vertical-align=top did work.

Thanks.
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question