Trouble using HTML tables in twenty ten theme WP 3.0

That is because the theme uses a CSS reset

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

You will have to add another css rule to override the reset.

Thanks for the reply, I’ll look into it. Could it be as easy as changing

vertical-align: baseline;

to

vertical-align: top;
?

It would be better to add a new rule after the CSS reset. If you look at the style sheet the reset rule also includes more selectors that I listed above and you would be changing all of them if you did that.

I found the issue. Apparently the twenty ten theme does not like it when you have no text or nothing but media embed code in one of the cells. As soon as I added “Video in 1987” over the youtube embed code the cells correctly aligned.

Thanks.

I also have an alignment issue. I am using Twenty Ten 1.2 and WP3.1.2.

I have 3 column table. I insert a graphic in column 1 and text in column 2 and 3. With the default style.css, the text will align on the baseline. I want the text to align in the middle or the top. Taking the direction from the previous discussion from c3mdigital, I altered the css by adding the following code after the original reset code at the beginning of the style sheet:

table{
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: top;
}

I can change top to middle in the vertical-align and I do not get a change in the alignment – the text continues to align on the baseline.

here is my table code:
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”500″>
<tbody>
<tr>
<td><img class=”alignnone size-thumbnail wp-image-418″ title=”Bail” src=”https://twogatherbeads.com/wp-content/uploads/2011/05/Unknown-150×150.jpg&#8221; alt=”” width=”150″ height=”150″ /></td>
<td>b</td>
<td>b</td>
</tr>
</tbody>
</table>