Problem getting items in adjacent table cells to align vertically?

Try the following CSS: table td, table th { vertical-align: top; } You should probably not rely on valign and stuff, that's long-since been replaced with CSS.

I was wrong; they are being styled the CSS way. My mistake. – peacedog Jan 13 '10 at 14:33 I was mistaken on how the styling is being done; it is css driven.

– peacedog Jan 13 '10 at 14:35 And I'm an idiot who just forgot he commented about half a minute before seconds before. – peacedog Jan 13 '10 at 14:36 You can delete comments ;-) But that is cute... – Nathan Wheeler Jan 13 '10 at 19:40.

I agree with Parrot's implementation of CSS for this, you should also note that having different fonts and font sizes in the cells will make them appear misaligned, even with the same styling applied to each. If the alignment is important to the look/feel of the page you're creating, I would consider separating the data again and making each phone/fax number it's own heading with a header row "Phone" and "Fax" having colspan="2". *------------------------* | Phone: | |------------------------| | Back: | xxx-xxx-xxxx | |------------------------| | Front: | xxx-xxx-xxxx | |------------------------| | Fax: | ... etc.And no, the substitution of | with will have no negative effect on the look of the tables, so long as there are not any LEADING |s.

I was wrong about how the vertical alignment styling was being done, fwiw. – peacedog Jan 13 '10 at 14:35 Yeah, I had a feeling I was going to regret not having separate phone fields. The problem is, I can't speak ot how many phone/fax numbers will be listed (I think it could be more than four down the road, in some instances).

Nor what the labels will be. And I was trying to capture the look of an older app. I may still change this and go to separate fields.

– peacedog Jan 13 '10 at 18:55 If you're using ANY sort of server side language behind the scenes, you can generate each row and label it appropriately if it has a value. Otherwise, if no value for that field exists, you just leave the row out entirely. This way you can dynamically declare the rows as needed, and you don't have nearly as much to worry about with styling.

– Nathan Wheeler Jan 13 '10 at 19:40.

If so check if it has some css rules applied to it that mess things up. 1st (blue/red) this seems weird if they are both valign:top. Have you checked if the label is having some top margin or padding applied on it, or some css rule with vertical-align:middle?

2nd case (green), you will need to align them to the top as well .. if one is middle and the other top you can never align them ..

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions